Add MainFramework and loading mask. Add animation to menu.

src/components/FitFullScreen.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const FitFullScreen: React.FC<PropsWithChildren> = (props: PropsWithChildren) => {
+    return (
+        <>
+            <div id={'fit-fullscreen'}>{props.children}</div>
+        </>
+    )
+}
+
+export default FitFullScreen

src/components/Home.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+import '@/assets/css/home.scss'
+
+const Home: React.FC = () => {
+    return (
+        <>
+            <h1>Home</h1>
+        </>
+    )
+}
+
+export default Home

src/components/LoadingMask.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+import Icon from '@ant-design/icons'
+import FitFullScreen from '@/components/FitFullScreen.tsx'
+import { COLOR_FONT_MAIN } from '@/constants/Common.constants.ts'
+
+const LoadingMask: React.FC = () => {
+    const loadingIcon = (
+        <>
+            <Icon
+                component={IconFatwebLoading as React.ComponentType}
+                style={{ fontSize: 24, color: COLOR_FONT_MAIN }}
+                spin
+            />
+        </>
+    )
+    return (
+        <>
+            <FitFullScreen>
+                <div id={'loading-mask'}>
+                    <AntdSpin indicator={loadingIcon} />
+                </div>
+            </FitFullScreen>
+        </>
+    )
+}
+
+export default LoadingMask

src/components/Project.tsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const Project: React.FC = () => {
+    return (
+        <>
+            <h1>App</h1>
+        </>
+    )
+}
+
+export default Project