addet activate linux on clicking the 'linux' icon

modules/activation/ActivationWidget.qml

@@ -0,0 +1,68 @@
+import QtQuick
+import QtQuick.Layouts
+import Quickshell
+import Quickshell.Wayland
+
+Item {
+    id: root
+
+    required property ShellScreen screen
+
+    PanelWindow {
+        id: window
+
+        anchors {
+            right: true
+            bottom: true
+        }
+
+        margins {
+            right: 50
+            bottom: 50
+        }
+
+        implicitWidth: content.width
+        implicitHeight: content.height
+
+        color: "transparent"
+        mask: Region {}
+        WlrLayershell.layer: WlrLayer.Overlay
+
+        visible: false
+
+        ColumnLayout {
+            id: content
+
+            Text {
+                text: "Activate Linux"
+                color: "#50ffffff"
+                font.pointSize: 22
+            }
+
+            Text {
+                text: "Go to Settings to activate Linux"
+                color: "#50ffffff"
+                font.pointSize: 14
+            }
+        }
+
+        MouseArea {
+            anchors.fill: parent
+            onClicked: {
+                window.visible = false
+            }
+        }
+    }
+
+    function show() {
+        window.visible = true
+    }
+
+    function hide() {
+        window.visible = false
+    }
+
+    function toggle() {
+        window.visible = !window.visible
+    }
+} 

modules/bar/Bar.qml

@@ -2,6 +2,7 @@ import "root:/widgets"
 import "root:/services"
 import "root:/config"
 import "root:/modules/bar/popouts" as BarPopouts
+import "root:/modules/activation" as Activation
 import "components"
 import "components/workspaces"
 import Quickshell
@@ -13,6 +14,12 @@ Item {
     required property ShellScreen screen
     required property BarPopouts.Wrapper popouts
 
+    // Create an instance of the activation widget
+    Activation.ActivationWidget {
+        id: activationWidget
+        screen: root.screen
+    }
+
     function checkPopout(y: real): void {
         const spacing = Appearance.spacing.small;
         const aw = activeWindow.child;
@@ -91,11 +98,7 @@ Item {
             MouseArea {
                 anchors.fill: parent
                 onClicked: {
-                    // Toggle the activation widget visibility
-                    const v = Visibilities.screens[QsWindow.window.screen];
-                    if (v) {
-                        v.isActivationWidgetVisible = !v.isActivationWidgetVisible;
-                    }
+                    activationWidget.toggle()
                 }
             }
         }