perf: ssr and iphone daapt

src/components/Layout/index.tsx

@@ -1,12 +1,12 @@
 import React, { useEffect, useMemo } from 'react';
 import { Box, useColorMode, Flex } from '@chakra-ui/react';
-import Navbar from './navbar';
-import NavbarPhone from './navbarPhone';
 import { useRouter } from 'next/router';
 import { useScreen } from '@/hooks/useScreen';
 import { useLoading } from '@/hooks/useLoading';
-import Auth from './auth';
 import { useGlobalStore } from '@/store/global';
+import Auth from './auth';
+import Navbar from './navbar';
+import NavbarPhone from './navbarPhone';
 
 const pcUnShowLayoutRoute: Record<string, boolean> = {
   '/login': true

src/components/Loading/index.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Spinner, Flex } from '@chakra-ui/react';
+
+const Loading = ({ fixed = true }: { fixed?: boolean }) => {
+  return (
+    <Flex
+      position={fixed ? 'fixed' : 'absolute'}
+      zIndex={100}
+      backgroundColor={'rgba(255,255,255,0.5)'}
+      top={0}
+      left={0}
+      right={0}
+      bottom={0}
+      alignItems={'center'}
+      justifyContent={'center'}
+    >
+      <Spinner thickness="4px" speed="0.65s" emptyColor="gray.200" color="myBlue.500" size="xl" />
+    </Flex>
+  );
+};
+
+export default Loading;