feat: app settings (#658)

* feat: app settings

* refactor: cleanup routes

* style: smaller base font

* chore: migrate about modal

* fix: import links

apps/client/src/features/app-settings/panel-content/PanelContent.module.scss

@@ -0,0 +1,20 @@
+.corner {
+  position: absolute;
+  top: 1rem;
+  right: 1rem;
+}
+
+.contentWrapper {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  width: 100%;
+
+  position: relative;
+}
+
+.content {
+  margin: 1rem;
+  overflow-y: auto;
+  flex-grow: 1;
+}

apps/client/src/features/app-settings/panel-content/PanelContent.tsx

@@ -0,0 +1,22 @@
+import { PropsWithChildren } from 'react';
+import { IconButton } from '@chakra-ui/react';
+import { IoClose } from '@react-icons/all-files/io5/IoClose';
+
+import style from './PanelContent.module.scss';
+
+interface PanelContentProps {
+  onClose: () => void;
+}
+
+export default function PanelContent(props: PropsWithChildren<PanelContentProps>) {
+  const { onClose, children } = props;
+
+  return (
+    <div className={style.contentWrapper}>
+      <div className={style.corner}>
+        <IconButton onClick={onClose} aria-label='close' icon={<IoClose />} variant='ontime-ghosted-white' />
+      </div>
+      <div className={style.content}>{children}</div>
+    </div>
+  );
+}