feat(portal): enhance creator dashboard and order management with new layout and features

frontend/portal/src/router/index.js

@@ -2,6 +2,7 @@ import { createRouter, createWebHistory } from 'vue-router'
 import LayoutMain from '../layout/LayoutMain.vue'
 import LayoutAuth from '../layout/LayoutAuth.vue'
 import LayoutUser from '../layout/LayoutUser.vue'
+import LayoutCreator from '../layout/LayoutCreator.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -39,6 +40,11 @@ const router = createRouter({
             path: 'creator/apply',
             name: 'creator-apply',
             component: () => import('../views/creator/ApplyView.vue')
+        },
+        {
+            path: 'creator/contents/new',
+            name: 'creator-content-new',
+            component: () => import('../views/creator/ContentsEditView.vue')
         }
       ]
     },
@@ -75,33 +81,33 @@ const router = createRouter({
             {
                 path: 'wallet',
                 name: 'user-wallet',
-                component: () => import('../views/user/WalletView.vue') // Placeholder
+                component: () => import('../views/user/WalletView.vue')
             },
             {
                 path: 'library',
                 name: 'user-library',
-                component: () => import('../views/user/LibraryView.vue') // Placeholder
+                component: () => import('../views/user/LibraryView.vue')
             },
             {
                 path: 'notifications',
                 name: 'user-notifications',
-                component: () => import('../views/user/NotificationsView.vue') // Placeholder
+                component: () => import('../views/user/NotificationsView.vue')
             },
             {
                 path: 'profile',
                 name: 'user-profile',
-                component: () => import('../views/user/ProfileView.vue') // Placeholder
+                component: () => import('../views/user/ProfileView.vue')
             },
             {
                 path: 'security',
                 name: 'user-security',
-                component: () => import('../views/user/SecurityView.vue') // Placeholder
+                component: () => import('../views/user/SecurityView.vue')
             }
         ]
     },
     {
         path: '/creator',
-        component: LayoutUser, // Initially use LayoutUser, later maybe specialized LayoutCreator
+        component: LayoutCreator, 
         children: [
              {
                 path: '',
@@ -127,7 +133,7 @@ const router = createRouter({
     },
     {
         path: '/checkout',
-        component: LayoutMain, // Or a simplified checkout layout
+        component: LayoutMain,
         children: [
             {
                 path: '',
@@ -163,4 +169,4 @@ const router = createRouter({
   }
 })
 
-export default router
+export default router