Begin work on dashboard

modules/menus/dashboard/profile/index.js

@@ -1,32 +1,56 @@
+import icons from '../../../icons/index.js';
+
 const Profile = () => {
   return Widget.Box({
     class_name: "profiles-container",
+    hpack: "fill",
+    hexpand: true,
     children: [
       Widget.Box({
-        class_name: "profile-picture-container",
+        class_name: "profile-picture-container dashboard-card",
+        hexpand: true,
+        vertical: true,
         children: [
           Widget.Icon({
+            hpack: "center",
             class_name: "profile-picture",
+            icon: `${App.configDir}/assets/21210205.png`
           }),
-          Widget.Box({
+          Widget.Label({
+            hpack: "center",
             class_name: "profile-name",
-          }),
+            label: "Jaskir Linux"
+          })
         ],
       }),
       Widget.Box({
-        class_name: "power-menu-container",
+        class_name: "power-menu-container dashboard-card",
+        vertical: true,
+        vexpand: true,
         children: [
           Widget.Button({
             class_name: "dashboard-button shutdown",
+            tooltip_text: "Shut Down",
+            vexpand: true,
+            child: Widget.Icon(icons.powermenu.shutdown)
           }),
           Widget.Button({
             class_name: "dashboard-button restart",
+            tooltip_text: "Restart",
+            vexpand: true,
+            child: Widget.Icon(icons.powermenu.reboot)
           }),
           Widget.Button({
             class_name: "dashboard-button lock",
+            tooltip_text: "Log Out",
+            vexpand: true,
+            child: Widget.Icon(icons.powermenu.logout)
           }),
           Widget.Button({
             class_name: "dashboard-button sleep",
+            tooltip_text: "Sleep",
+            vexpand: true,
+            child: Widget.Icon(icons.powermenu.sleep)
           }),
         ],
       }),