Complete Phase 4: Basic UI with QML - MailListPage with folder/email navigation, models connected to DAOs, placeholder pages for Calendar/Contacts/Settings

resources/qml/Shell.qml

@@ -85,34 +85,18 @@ ApplicationWindow {
     StackView {
         id: stackView
         anchors.fill: parent
-        initialItem: mailListPage
+        initialItem: MailListPage {}
     }
 
-    // Define pages
-    MailListPage {
-        id: mailListPage
-    }
     // Placeholder for other pages
-    Rectangle {
-        color: "#f0f0f0"
-        Text {
-            text: qsTr("Calendar Page")
-            anchors.centerIn: parent
-        }
+    CalendarPage {
+        id: calendarPage
     }
-    Rectangle {
-        color: "#f0f0f0"
-        Text {
-            text: qsTr("Contacts Page")
-            anchors.centerIn: parent
-        }
+    ContactsPage {
+        id: contactsPage
     }
-    Rectangle {
-        color: "#f0f0f0"
-        Text {
-            text: qsTr("Settings Page")
-            anchors.centerIn: parent
-        }
+    SettingsPage {
+        id: settingsPage
     }
 
     // Hamburger button to open drawer
@@ -155,20 +139,4 @@ component NavigationItem: Button {
 
 component MenuButton: IconButton {
     iconSource: icon
-}
-
-// Placeholder for MailListPage - we'll replace this with a real component later
-component MailListPage: Item {
-    id: mailListPage
-    anchors.fill: parent
-    Rectangle {
-        anchors.fill: parent
-        color: "#fafafa"
-        Text {
-            text: qsTr("Mail List Placeholder")
-            anchors.centerIn: parent
-            font.pointSize: 16
-            color: "#666"
-        }
-    }
 }