feat: add suspend state and make all buttons related to state working

src/components/Waybar/Widgets/WaybarLockWidget.tsx

@@ -1,9 +1,12 @@
+import { useApp } from "~/hooks/useApp";
 import { WaybarWidget } from "../WaybarWidget";
 
 export const WaybarLockWidget = () => {
+  const { setState } = useApp();
+
   return (
     <WaybarWidget className="pl-3 pr-[0.625rem]" interactable>
-      
+      <button onClick={() => setState("login")}></button>
     </WaybarWidget>
   );
 };

src/components/Waybar/Widgets/WaybarPowerWidget.tsx

@@ -1,9 +1,12 @@
+import { useApp } from "~/hooks/useApp";
 import { WaybarWidget } from "../WaybarWidget";
 
 export const WaybarPowerWidget = () => {
+  const { setState } = useApp();
+
   return (
     <WaybarWidget className="pl-[0.625rem] pr-3" interactable>
-      
+      <button onClick={() => setState("off")}></button>
     </WaybarWidget>
   );
 };