refactor: move components to sub dir

src/components/Footer.tsx

@@ -0,0 +1,43 @@
+import { Center, Flex, Link, Text } from '@chakra-ui/react';
+import { Suspense } from 'react';
+import { SDKVersion } from './SDKVersion';
+import { CurrentYear } from './CurrentYear';
+
+export function Footer() {
+  return (
+    <Center height="footer.container">
+      <Center
+        height="footer.content"
+        fontSize="sm"
+        textAlign="center"
+        position="fixed"
+        bottom="0"
+        w="full"
+        bg="gray.100"
+        color="gray.800"
+        left="0"
+        flexDir="column"
+      >
+        <Flex as={Text}>
+          {'音乐解锁 (__APP_VERSION_SHORT__'}
+          <Suspense>
+            <SDKVersion />
+          </Suspense>
+          {') - 移除已购音乐的加密保护。'}
+        </Flex>
+        <Text>
+          {'Copyright © 2019 - '}
+          <CurrentYear />{' '}
+          <Link href="https://git.unlock-music.dev/um" isExternal>
+            UnlockMusic 团队
+          </Link>
+          {' | 音乐解锁授权基于'}
+          <Link href="https://git.unlock-music.dev/um/um-react/src/branch/main/LICENSE" isExternal>
+            MIT许可协议
+          </Link>
+          。
+        </Text>
+      </Center>
+    </Center>
+  );
+}