Overhaul (#83)

* WIP Layout Refactor

* New Connection Dialog

* WIP form overhaul

* Fix remaining config pages

src/components/PageComponents/Connect/HTTP.tsx

@@ -1,12 +1,11 @@
 import { Controller, useForm, useWatch } from "react-hook-form";
 import { Input } from "@components/form/Input.js";
 import { Toggle } from "@components/form/Toggle.js";
-import { Button } from "@components/form/Button.js";
+import { Button } from "@components/UI/Button.js";
 import { useAppStore } from "@core/stores/appStore.js";
 import { useDeviceStore } from "@core/stores/deviceStore.js";
 import { subscribeAll } from "@core/subscriptions.js";
 import { randId } from "@core/utils/randId.js";
-import { PlusCircleIcon } from "@heroicons/react/24/outline";
 import { IHTTPConnection } from "@meshtastic/meshtasticjs";
 
 export const HTTP = (): JSX.Element => {
@@ -71,8 +70,7 @@ export const HTTP = (): JSX.Element => {
           )}
         />
       </div>
-      <Button type="submit">
-        <PlusCircleIcon className="w-4" />
+      <Button>
         <span>Connect</span>
       </Button>
     </form>