Overhaul (#83)

* WIP Layout Refactor

* New Connection Dialog

* WIP form overhaul

* Fix remaining config pages

src/components/PageComponents/Messages/MessageInput.tsx

@@ -1,9 +1,9 @@
-import { IconButton } from "@components/form/IconButton.js";
-import { Input } from "@components/form/Input.js";
-import { useDevice } from "@core/providers/useDevice.js";
+import { Input } from "@components/UI/Input.js";
+import { useDevice } from "@core/stores/deviceStore.js";
 import type { Channel } from "@core/stores/deviceStore.js";
-import { MapPinIcon, PaperAirplaneIcon } from "@heroicons/react/24/outline";
+import { SendIcon } from "lucide-react";
 import type { Types } from "@meshtastic/meshtasticjs";
+import { Button } from "@components/UI/Button.js";
 
 export interface MessageInputProps {
   channel: Channel;
@@ -42,18 +42,16 @@ export const MessageInput = ({ channel }: MessageInputProps): JSX.Element => {
             <Input
               autoFocus
               minLength={2}
-              label=""
               placeholder="Enter Message"
               value={messageDraft}
               onChange={(e) => setMessageDraft(e.target.value)}
             />
           </span>
-          <IconButton
-            icon={<PaperAirplaneIcon className="text-slate-500 h-4" />}
-          />
+          <Button>
+            <SendIcon size={16} />
+          </Button>
         </div>
       </form>
-      <IconButton icon={<MapPinIcon className="text-slate-500 h-4" />} />
     </div>
   );
 };