refactor(home-components): replace scss styles with tailwind utilities

Remove standalone .scss style files for home page components, update their vue templates to use inline Tailwind utility classes, and remove the associated scoped style imports.

src/pages/home/components/ChatTopWelcome/index.vue

@@ -1,8 +1,8 @@
 v
 <template>
-  <div class="welcome-content  p-[12px]">
-    <div class="wrap rounded-[20px]">
-      <div class="flex items-center justify-between  pl-[12px] pr-[12px]">
+  <div class="p-3">
+    <div class="bg-white/50 rounded-[20px]">
+      <div class="flex items-center justify-between pl-3 pr-3">
         <SpriteAnimator :src="spriteStyle.ipLargeImage" :frameWidth="spriteStyle.frameWidth"
           :frameHeight="spriteStyle.frameHeight" :totalFrames="spriteStyle.totalFrames" :columns="spriteStyle.columns"
           :displayWidth="spriteStyle.displayWidth" :fps="16" />
@@ -86,7 +86,3 @@ const measureWelcomeHeight = (callback) => {
 
 defineExpose({ measureWelcomeHeight });
 </script>
-
-<style lang="scss" scoped>
-@import "./styles/index.scss";
-</style>