Overhaul (#83)

* WIP Layout Refactor

* New Connection Dialog

* WIP form overhaul

* Fix remaining config pages

src/components/UI/Typography/H4.tsx

@@ -0,0 +1,17 @@
+import { cn } from "@app/core/utils/cn.js";
+
+export interface H4Props {
+  className?: string;
+  children: React.ReactNode;
+}
+
+export const H4 = ({ className, children }: H4Props): JSX.Element => (
+  <h4
+    className={cn(
+      "scroll-m-20 text-xl font-semibold tracking-tight",
+      className
+    )}
+  >
+    {children}
+  </h4>
+);