Improve 'Completed tasks' button

CMakeLists.txt

@@ -72,6 +72,8 @@ qt_add_qml_module(mirai
 		src/images/calendar.png
 		src/images/add.png
 		src/images/settings.png
+		src/images/visible.png
+		src/images/not-visible.png
 )
 
 target_link_libraries(mirai PRIVATE Qt6::Quick)

src/qml/Main.qml

@@ -72,7 +72,6 @@ Window {
 
 		Loader {
 			sourceComponent: sideMenuComponent
-			Layout.preferredWidth: item.width
 			Layout.fillHeight: true
 		}
 		Loader {
@@ -90,7 +89,6 @@ Window {
 
 		Loader {
 			sourceComponent: sideMenuComponent
-			Layout.preferredWidth: item.width
 			Layout.fillHeight: true
 		}
 		Loader {

src/qml/MainPanel.qml

@@ -43,6 +43,8 @@ Rectangle {
 
 		}
 
+		RowLayout {
+
 			AppButton {
 				icon.source: "qrc:/qt/qml/Mirai/src/images/add.png"
 				icon.color: colorPalette.selected.palette.green
@@ -52,6 +54,16 @@ Rectangle {
 				}
 			}
 			
+			AppButton {
+				icon.source: backend.shouldHideCompletedTasks ? "qrc:/qt/qml/Mirai/src/images/not-visible.png" : "qrc:/qt/qml/Mirai/src/images/visible.png" 
+				text: `Completed tasks`
+				onClicked: {
+					backend.hideCompletedTasks(!backend.shouldHideCompletedTasks)
+				}
+			}
+
+		}
+
 		Component {
 			id: listViewComponent
 			ListView {

src/qml/SideMenu.qml

@@ -129,12 +129,6 @@ Rectangle {
 			Layout.fillHeight: true
 		}
 
-		AppButton {
-			text: `Hide completed tasks: ${backend.shouldHideCompletedTasks ? "ON" : "OFF"}`
-			onClicked: {
-				backend.hideCompletedTasks(!backend.shouldHideCompletedTasks)
-			}
-		}
 
 		Popup {
 			parent: Overlay.overlay