feat: improved layout

src/features/settings/Settings.tsx

@@ -0,0 +1,20 @@
+import { Tab, TabList, TabPanel, TabPanels, Tabs, Text } from '@chakra-ui/react';
+import { PanelQMC } from './panels/PanelQMC';
+
+export function Settings() {
+  return (
+    <Tabs orientation="vertical" align="start" variant="line-i" flex={1}>
+      <TabList minW={0} width="8em" textAlign="right" justifyContent="center">
+        <Tab>QQ 音乐</Tab>
+        <Tab>其它</Tab>
+      </TabList>
+
+      <TabPanels>
+        <PanelQMC />
+        <TabPanel>
+          <Text>待定</Text>
+        </TabPanel>
+      </TabPanels>
+    </Tabs>
+  );
+}