style: update flex alignment classes and clean up UI styles

Replace all deprecated `flex-items-center` utility classes with standard `items-center` across components. Additionally, update font weight classes from `font-900` to `font-bold`, standardize hex color class syntax to use bracket notation, and remove unused SCSS styles from the SharedVisual component.

src/components/UseDateRange/index.vue

@@ -3,7 +3,7 @@
     <div class=" text-[16px] font-medium text-black leading-[24px] p-[12px]">
       使用日期
     </div>
-    <div class="flex flex-items-center ">
+    <div class="flex items-center ">
       <scroll-div class="date-scroll" scroll-x>
         <div class="date-list">
           <block v-for="item in openDateRangeList" :key="item.date">