refactor: reorganize Vite configuration for route generation and static web build plugins

- Renamed and reordered plugins for clarity, separating route generation from static web build plugins.
- Integrated route generation plugins into the Vite configuration to streamline the build process.

Signed-off-by: Innei <tukon479@gmail.com>

apps/web/vite.config.ts

@@ -51,10 +51,7 @@ const ReactCompilerConfig = {
 }
 
 const ROOT = fileURLToPath(new URL('./', import.meta.url))
-const staticWebBuildPlugins: PluginOption[] = [
-  manifestInjectPlugin(),
-  siteConfigInjectPlugin(),
-  photosStaticPlugin(),
+const routeGenPlugins: PluginOption[] = [
   routeBuilderPlugin({
     pagePattern: `${resolve(ROOT, './src/pages')}/**/*.tsx`,
     outputPath: `${resolve(ROOT, './src/generated-routes.ts')}`,
@@ -62,6 +59,11 @@ const staticWebBuildPlugins: PluginOption[] = [
 
     segmentGroupOrder: ['main'],
   }),
+]
+const staticWebBuildPlugins: PluginOption[] = [
+  manifestInjectPlugin(),
+  siteConfigInjectPlugin(),
+  photosStaticPlugin(),
   VitePWA({
     base: '/',
     scope: '/',
@@ -202,6 +204,7 @@ export default defineConfig(() => {
         root: __dirname,
       }),
 
+      ...routeGenPlugins,
       createDependencyChunksPlugin([
         ['heic-to'],
         ['react', 'react-dom'],