Add MainFramework and loading mask. Add animation to menu.

src/router/index.tsx

@@ -10,13 +10,33 @@ const routes: RouteObject[] = [
                 id: 'login',
                 Component: React.lazy(() => import('@/pages/Login'))
             },
+            {
+                path: '/loading',
+                id: 'loading',
+                Component: React.lazy(() => import('@/components/LoadingMask'))
+            },
             {
                 path: '',
-                id: 'home',
-                Component: React.lazy(() => import('@/pages/Home')),
-                handle: {
-                    auth: false
-                }
+                id: 'mainFramework',
+                Component: React.lazy(() => import('@/pages/MainFramework')),
+                children: [
+                    {
+                        path: '',
+                        id: 'home',
+                        Component: React.lazy(() => import('@/components/Home')),
+                        handle: {
+                            auth: false
+                        }
+                    },
+                    {
+                        path: 'project',
+                        id: 'project',
+                        Component: React.lazy(() => import('@/components/Project')),
+                        handle: {
+                            auth: false
+                        }
+                    }
+                ]
             },
             {
                 path: '*',