fix: clean up deprecated props, fix scroll issues and styles

- remove deprecated `mode="aspectFill"` prop from all image and img tags
- replace deprecated `scroll-y` directive with modern overflow-y-auto and scrollbar hiding classes
- refactor notice page to use TypeScript and proper route query handling
- update styling and layout for NoticeMessage, Tabs and QuickCard components
- fix spacing inconsistencies across multiple pages

src/pages/home/components/LongTextGuideCardPreview/poi.vue

@@ -2,8 +2,7 @@
   <div class="flex flex-col h-screen overflow-hidden bg-[#e5efe9]">
     <TopNavBar title="景点故事" background="#E5EFE9" />
 
-    <div class="flex-1 min-h-0 overflow-y-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
-      scroll-y>
+    <div class="flex-1 min-h-0 overflow-y-auto scrollbar-none [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden">
       <div class="box-border">
         <div class="overflow-hidden">
           <div class="pt-4 px-[18px] pb-[14px] border-b border-[rgba(15,23,42,0.06)]">
@@ -22,7 +21,7 @@
             </div>
 
             <img class="block w-full h-[160px] my-1 mt-1 mb-4 rounded-[14px] bg-[#f1f5f9]"
-              src="https://one-feel-config-images-bucket.oss-cn-chengdu.aliyuncs.com/comp2.jpg" mode="aspectFill" />
+              src="https://one-feel-config-images-bucket.oss-cn-chengdu.aliyuncs.com/comp2.jpg" />
 
             <div class="mt-[18px] mb-2 text-[#1e293b] text-[13px] font-black leading-5">站在这儿，看什么</div>
             <div