refactor: clean up styles, configs and home page

- Migrate inline styles for ChatMainList, AigcPhotoCard and SpriteAnimator, delete unused SCSS files
- Update development proxy target in vite.config.ts and env variables including client ID and token
- Fix prop references and styling in ChatInputArea and Welcome components
- Enable and refactor Calender component integration with proper event handling
- Add tabbed layout to ChatMainList with Discovery and chat message sections
- Update Vue 3 component patterns for better maintainability
- Temporarily comment out ChatInputArea in ChatMainList

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

@@ -1,11 +1,13 @@
 <template>
   <div class="flex w-full">
-    <div class="flex flex-col flex-full min-width-0 mr-12">
-      <div class="flex flex-row flex-items-center flex-justify-between min-width-0">
-        <span class="flex-full min-width-0 text-[20px] text-[600] color-white ellipsis-1">
+    <div class="flex flex-col flex-full min-width-0 mr-[12px]">
+      <div class="flex flex-row items-center justify-between min-width-0">
+        <span class="flex-full min-width-0 text-[20px] font-semibold text-white truncate">
           {{ mainPageDataModel.welcomeContent }}
         </span>
-        <span class="shrink-0 text-[20px] text-[600] color-white mt-4"> {{ weatherText }} </span>
+        <span class="shrink-0 text-[20px] font-semibold text-white mt-[4px]">
+          {{ weatherText }}
+        </span>
       </div>
 
       <NoticeMessage :tipsMessage="props.mainPageDataModel.tipsMessage" />
@@ -16,9 +18,9 @@
       :displayWidth="spriteStyle.displayWidth" :fps="16" />
   </div>
 </template>
+
 <script setup>
-import { onMounted, ref } from "vue";
-import { defineProps, computed } from "vue";
+import { defineProps, computed, onMounted, ref } from "vue";
 import SpriteAnimator from "@/components/SpriteAnimator/index.vue";
 import NoticeMessage from "../NoticeMessage/index.vue";
 import { getLocalWeather } from "@/api/home";