refactor: use tab instead of modal. fixed layout as well.

src/tabs/MainTab.tsx

@@ -0,0 +1,18 @@
+import { Box, VStack } from '@chakra-ui/react';
+import { SelectFile } from '../components/SelectFile';
+
+import { FileListing } from '~/features/file-listing/FileListing';
+
+export function MainTab() {
+  return (
+    <Box h="full" w="full" pt="4">
+      <VStack gap="3">
+        <SelectFile />
+
+        <Box w="full">
+          <FileListing />
+        </Box>
+      </VStack>
+    </Box>
+  );
+}

src/tabs/SettingsTab.tsx

@@ -0,0 +1,10 @@
+export function SettingsTab() {
+  return (
+    <div>
+      <p>Hallo</p>
+      <p>Thank you, thank you very much.</p>
+      <p>Ha-Halo, thank you</p>
+      <p>Thank you very much!</p>
+    </div>
+  );
+}