Overhaul (#83)

* WIP Layout Refactor

* New Connection Dialog

* WIP form overhaul

* Fix remaining config pages

src/components/UI/Sidebar/sidebarButton.tsx

@@ -0,0 +1,29 @@
+import type { LucideIcon } from "lucide-react";
+import { Button } from "../Button.js";
+
+export interface SidebarButtonProps {
+  label: string;
+  active?: boolean;
+  icon?: LucideIcon;
+  element?: JSX.Element;
+  onClick?: () => void;
+}
+
+export const SidebarButton = ({
+  label,
+  active,
+  icon: Icon,
+  element,
+  onClick
+}: SidebarButtonProps): JSX.Element => (
+  <Button
+    onClick={onClick}
+    variant={active ? "subtle" : "ghost"}
+    size="sm"
+    className="w-full justify-start gap-2"
+  >
+    {Icon && <Icon size={16} />}
+    {element && element}
+    {label}
+  </Button>
+);