chore: remove unused SCSS and fix component styles

- remove unused z-index and word-break SCSS utility files and their imports from src/static/scss/index.scss
- standardize padding unit notation to [px] format in ChatQuickAccess component
- reformat long class attributes and clean up whitespace in GeneratorPhotoComponent
- fix trailing whitespace and formatting for the navigateTo call in GeneratorPhotoComponent

src/pages/ChatMain/ChatQuickAccess/index.vue

@@ -1,6 +1,6 @@
 <template>
   <view>
-    <view class="quick-access flex flex-row ml-[12px] pt-8 pb-8 scroll-x whitespace-nowrap">
+    <view class="quick-access flex flex-row ml-[12px] pt-[8px] pb-[8px] scroll-x whitespace-nowrap">
       <view class="item border-box rounded-50 flex flex-row items-center" v-for="(item, index) in itemList" :key="index"
         @click="sendReply(item)">
         <view class="flex items-center justify-center">

src/pages/ChatModule/GeneratorPhotoComponent/index.vue

@@ -18,9 +18,10 @@
           {{ componentDataMap.description }}
         </text>
 
-        <view class="w-full border-box px-12 pb-8 flex flex-row" @click="jumpClick">
+        <view class="w-full border-box px-12 pb-[8px] flex flex-row" @click="jumpClick">
           <view class="btn-bg w-full border-box p-4 rounded-24 flex flex-row">
-            <view class="btn-bg-sub w-full border-box p-16 rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
+            <view
+              class="btn-bg-sub w-full border-box p-16 rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
               {{ componentDataMap.buttonName }}
             </view>
           </view>

src/static/scss/index.scss

@@ -17,10 +17,8 @@
 @import "./overflow.scss";
 @import "./scroll.scss";
 @import "./width.scss";
-@import "./z-index.scss";
 @import "./white-space.scss";
 @import "./box-sizing.scss";
-@import "./word-break.scss";
 @import "./min-height.scss";
 @import "./min-width.scss";
 @import "./gap.scss";

src/static/scss/word-break.scss

@@ -1,3 +0,0 @@
-.break-all {
-  word-break: break-all;
-}

src/static/scss/z-index.scss

@@ -1,15 +0,0 @@
-.z-0 {
-  z-index: 0;
-}
-
-.z-10 {
-  z-index: 10;
-}
-
-.z-20 {
-  z-index: 20;
-}
-
-.z-30 {
-  z-index: 30;
-}