Improve UI and add search functionality

- Refactor App.qml to use a Loader for screens
- Update HomeScreen.ui.qml with improved layout and search functionality
- Rename and update Profile components for better reusability
- Add search functionality in Futr.hs
- Implement Bech32 encoding/decoding in new Nostr.Bech32 module
- Update AppState to Types and add currentProfile
- Enhance UI.hs with new profile properties and search method

futr.cabal

@@ -29,9 +29,9 @@ executable futr
     hs-source-dirs:   src
 
     other-modules:
-        AppState
         EffectfulQML
         Futr
+        Nostr.Bech32
         Nostr.Effects.CurrentTime
         Nostr.Effects.IDGen
         Nostr.Effects.Logging
@@ -44,6 +44,7 @@ executable futr
         Nostr.Profile
         Nostr.Types
         Presentation.KeyMgmt
+        Types
         TimeFormatter
         UI
 

resources/qml/content/App.qml

@@ -26,48 +26,19 @@ ApplicationWindow {
         id: clipboard
     }
 
-    Rectangle {
-        width: 900
-        height: parent.height
-        anchors.horizontalCenter: parent.horizontalCenter
-        anchors.margins: 10
-
-        Rectangle {
-            width: 1
-            height: parent.height
-            color: Material.dividerColor
-            anchors.left: parent.left
-        }
-
-        Rectangle {
-            width: 1
-            height: parent.height
-            color: Material.dividerColor
-            anchors.right: parent.right
-        }
-
-        Rectangle {
-            anchors.fill: parent
-            anchors.leftMargin: 1
-            anchors.rightMargin: 1
-            color: Material.backgroundColor
-
-            KeyMgmtScreen {
-                anchors.margins: 10
-                anchors.fill: parent
-                visible: currentScreen == "KeyMgmt"
-            }
-
-            Loader {
-                id: myHomeScreenLoader
-                active: currentScreen == "Home"
-                anchors.fill: parent
-                sourceComponent: HomeScreen {
-                    anchors.margins: 10
-                    anchors.fill: parent
-                }
+    Loader {
+        id: screenLoader
+        anchors.fill: parent
+        source: {
+            if (currentScreen === "Home") {
+                return "HomeScreen.ui.qml";
+            } else if (currentScreen === "KeyMgmt") {
+                return "KeyMgmtScreen.ui.qml";
+            } else {
+                return "";
             }
         }
+        active: currentScreen === "Home" || currentScreen === "KeyMgmt"
     }
 
     Button {