feat(waybar): implement all dummy widgets

src/providers/AppProvider.tsx

@@ -3,8 +3,20 @@ import { AppContext } from "~/context/AppContext";
 
 export const AppProvider = (props: { children?: ReactNode }) => {
   const [activeKitty, setActiveKitty] = useState(":r0:");
+  const [brightness, setBrightness] = useState(100);
+  const [volume, setVolume] = useState(100);
+
   return (
-    <AppContext.Provider value={{ activeKitty, setActiveKitty }}>
+    <AppContext.Provider
+      value={{
+        activeKitty,
+        setActiveKitty,
+        brightness,
+        setBrightness,
+        volume,
+        setVolume,
+      }}
+    >
       {props.children}
     </AppContext.Provider>
   );