fix(waybar-widget): click zone too small

src/components/Waybar/Widgets/WaybarLockWidget.tsx

@@ -5,8 +5,12 @@ export const WaybarLockWidget = () => {
   const { setState } = useApp();
 
   return (
-    <WaybarWidget className="pl-3 pr-[0.625rem]" interactable>
-      <button onClick={() => setState("login")}></button>
+    <WaybarWidget
+      className="pl-3 pr-[0.625rem]"
+      onClick={() => setState("login")}
+      interactable
+    >
+      <button></button>
     </WaybarWidget>
   );
 };

src/components/Waybar/Widgets/WaybarPowerWidget.tsx

@@ -5,8 +5,12 @@ export const WaybarPowerWidget = () => {
   const { setState } = useApp();
 
   return (
-    <WaybarWidget className="pl-[0.625rem] pr-3" interactable>
-      <button onClick={() => setState("off")}></button>
+    <WaybarWidget
+      className="pl-[0.625rem] pr-3"
+      onClick={() => setState("off")}
+      interactable
+    >
+      <button></button>
     </WaybarWidget>
   );
 };