refactor: mega refactoring of a bunch of things

Modules/Settings/SettingsModal.qml

@@ -11,22 +11,27 @@ DankModal {
     signal closingModal()
 
     onVisibleChanged: {
-        if (!visible) {
+        if (!visible)
             closingModal();
-        }
-    }
 
+    }
     // DankModal configuration
     visible: settingsVisible
     width: 650
     height: 750
     keyboardFocus: "ondemand"
     enableShadow: true
-
     onBackgroundClicked: {
         settingsVisible = false;
     }
 
+    // Keyboard focus and shortcuts
+    FocusScope {
+        anchors.fill: parent
+        focus: settingsModal.settingsVisible
+        Keys.onEscapePressed: settingsModal.settingsVisible = false
+    }
+
     content: Component {
         Column {
             anchors.fill: parent
@@ -73,6 +78,7 @@ DankModal {
             // Settings sections
             ScrollView {
                 id: settingsScrollView
+
                 width: parent.width
                 height: parent.height - 50
                 clip: true
@@ -81,6 +87,7 @@ DankModal {
 
                 Column {
                     id: settingsColumn
+
                     width: settingsScrollView.width - 20
                     spacing: Theme.spacingL
                     bottomPadding: Theme.spacingL
@@ -89,42 +96,60 @@ DankModal {
                     SettingsSection {
                         title: "Profile"
                         iconName: "person"
-                        content: ProfileTab {}
+
+                        content: ProfileTab {
+                        }
+
                     }
 
                     // Clock Settings
                     SettingsSection {
                         title: "Clock & Time"
                         iconName: "schedule"
-                        content: ClockTab {}
+
+                        content: ClockTab {
+                        }
+
                     }
 
                     // Weather Settings
                     SettingsSection {
                         title: "Weather"
                         iconName: "wb_sunny"
-                        content: WeatherTab {}
+
+                        content: WeatherTab {
+                        }
+
                     }
 
                     // Widget Visibility Settings
                     SettingsSection {
                         title: "Top Bar Widgets"
                         iconName: "widgets"
-                        content: WidgetsTab {}
+
+                        content: WidgetsTab {
+                        }
+
                     }
 
                     // Workspace Settings
                     SettingsSection {
                         title: "Workspaces"
                         iconName: "tab"
-                        content: WorkspaceTab {}
+
+                        content: WorkspaceTab {
+                        }
+
                     }
 
                     // Display Settings
                     SettingsSection {
                         title: "Display & Appearance"
                         iconName: "palette"
-                        content: DisplayTab {}
+
+                        content: DisplayTab {
+                        }
+
                     }
 
                 }
@@ -132,13 +157,7 @@ DankModal {
             }
 
         }
+
     }
 
-    // Keyboard focus and shortcuts
-    FocusScope {
-        anchors.fill: parent
-        focus: settingsModal.settingsVisible
-        Keys.onEscapePressed: settingsModal.settingsVisible = false
-    }
-
-}
+}