improve components and disable millionlint by default for dev

package.json

@@ -63,7 +63,7 @@
     "react-toastify": "^10.0.5",
     "rimraf": "^5.0.5",
     "sortablejs": "^1.15.2",
-    "swiper": "^11.1.0",
+    "swiper": "latest",
     "tailwindcss": "^3.4.1",
     "ts-loader": "^9.5.1",
     "typescript": "^5.3.3",

src/interface/pages/Store.tsx

@@ -170,7 +170,7 @@ const Store = () => {
                 pauseOnMouseEnter: true
               }}
             >
-              { coverThemes.map((theme, index) => (
+              { [...coverThemes, ...coverThemes].map((theme, index) => (
                   <SwiperSlide className='relative cursor-pointer rounded-xl overflow-clip' onClick={() => setDisplayTheme(theme)} key={index}>
                     <img
                       src={theme.marqueeImage}

vite.config.ts

@@ -1,4 +1,4 @@
-import MillionLint from '@million/lint';
+//import MillionLint from '@million/lint';
 import { defineConfig } from 'vite';
 import { crx } from '@crxjs/vite-plugin';
 import million from "million/compiler";
@@ -8,18 +8,12 @@ import { join } from 'path';
 
 const plugins = [
   react(),
-  million.vite({
-    auto: {
-      threshold: 0.005,
-      // default: 0.1,
-      skip: [] // default []
-    }
-  }),
+  million.vite({ auto: true }),
+  //MillionLint.vite(), /* enable for testing and debugging performance */
   crx({
   manifest
   })
 ];
-plugins.unshift(MillionLint.vite())
 
 export default defineConfig({
   plugins: plugins,