(feat): big methanium/ui migration

(feat): update message state icons
(qol): update todo
(qol): formatted

packages/settings/src/pages/theme.tsx

@@ -1,5 +1,18 @@
-import { StylePicker } from "@methanium/ui";
+import { ThemeCustomizer } from "@methanium/ui";
 
 export default function Page() {
-  return <div className="overflow-y-auto"><StylePicker /><div className="absolute bottom-0 right-0 mb-3 mr-2"><a className="block w-60 text-xs whitespace-pre-wrap" href="https://git.methanium.net/tensamin/client/issues/new" target="_blank" rel="noreferrer">Please open a Git issue to help us improve this feature. We want to get it right.</a></div></div>;
+  return (
+    <div className="h-full overflow-y-auto p-5 md:p-8">
+      <ThemeCustomizer />
+      <a
+        className="mt-8 block max-w-md text-xs text-muted-foreground"
+        href="https://git.methanium.net/tensamin/client/issues/new"
+        target="_blank"
+        rel="noreferrer"
+      >
+        Please open an issue on Git to tell us what you would like to see in
+        here.
+      </a>
+    </div>
+  );
 }