chore: lazy import and saas build base url

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

be/apps/dashboard/package.json

@@ -9,6 +9,7 @@
   },
   "scripts": {
     "build": "vite build",
+    "build:prod:saas": "SAAS=1 vite build",
     "dev": "vite",
     "format": "prettier --write \"src/**/*.ts\" ",
     "lint": "eslint --fix",
@@ -108,4 +109,4 @@
       "eslint --fix"
     ]
   }
-}
+}

be/apps/dashboard/src/pages/(main)/layout.tsx

@@ -3,6 +3,9 @@ import { Outlet } from 'react-router'
 
 import { Header } from '~/components/common/Header'
 
+Object.entries(import.meta.glob('./**/*.tsx', { eager: false })).forEach(([_, importer]) => {
+  importer()
+})
 export function Component() {
   return (
     <div className="flex h-screen flex-col">

be/apps/dashboard/vite.config.ts

@@ -16,7 +16,10 @@ import PKG from './package.json'
 
 const ROOT = fileURLToPath(new URL('./', import.meta.url))
 
+const isSaas = process.env.SAAS === '1'
+
 export default defineConfig({
+  base: isSaas ? 'https://static.afilmory.art/platform/' : '/',
   plugins: [
     codeInspectorPlugin({
       bundler: 'vite',