Execute oxfmt (#1166)

Ran
pnpm oxfmt .

This should get the web repo aligned so that we can better enforce oxfmt going forward.

apps/web/src/components/Sidebar.tsx

@@ -3,7 +3,10 @@ import { SidebarButton } from "@components/UI/Sidebar/SidebarButton.tsx";
 import { SidebarSection } from "@components/UI/Sidebar/SidebarSection.tsx";
 import { Spinner } from "@components/UI/Spinner.tsx";
 import { Subtle } from "@components/UI/Typography/Subtle.tsx";
-import { useMyNodeAsProto, useNodesAsProto } from "@core/hooks/useNodesAsProto.ts";
+import {
+  useMyNodeAsProto,
+  useNodesAsProto,
+} from "@core/hooks/useNodesAsProto.ts";
 import {
   type Page,
   useActiveConnection,
@@ -61,7 +64,10 @@ const CollapseToggleButton = () => {
     >
       <CircleChevronLeft
         size={24}
-        className={cn("transition-transform duration-300 ease-in-out", isCollapsed && "rotate-180")}
+        className={cn(
+          "transition-transform duration-300 ease-in-out",
+          isCollapsed && "rotate-180",
+        )}
       />
     </button>
   );
@@ -145,12 +151,18 @@ export const Sidebar = ({ children }: SidebarProps) => {
           isCollapsed && "justify-center px-0",
         )}
       >
-        <img src="/logo.svg" alt={t("app.logo")} className="size-10 flex-shrink-0 rounded-xl" />
+        <img
+          src="/logo.svg"
+          alt={t("app.logo")}
+          className="size-10 flex-shrink-0 rounded-xl"
+        />
         <h2
           className={cn(
             "text-xl font-semibold text-gray-800 dark:text-gray-100 whitespace-nowrap",
             "transition-all duration-300 ease-in-out",
-            isCollapsed ? "opacity-0 max-w-0 invisible ml-0" : "opacity-100 max-w-xs visible ml-2",
+            isCollapsed
+              ? "opacity-0 max-w-0 invisible ml-0"
+              : "opacity-100 max-w-xs visible ml-2",
           )}
         >
           {t("app.title")}
@@ -177,7 +189,9 @@ export const Sidebar = ({ children }: SidebarProps) => {
         })}
       </SidebarSection>
 
-      <div className={cn("flex-1 min-h-0", isCollapsed && "overflow-hidden")}>{children}</div>
+      <div className={cn("flex-1 min-h-0", isCollapsed && "overflow-hidden")}>
+        {children}
+      </div>
 
       <div className=" pt-4 border-t-[0.5px] bg-background-primary border-slate-300 dark:border-slate-700 h-full flex-1">
         {myNode === undefined ? (
@@ -198,7 +212,9 @@ export const Sidebar = ({ children }: SidebarProps) => {
             setCommandPaletteOpen={() => setCommandPaletteOpen(true)}
             setDialogOpen={() => setDialogOpen("deviceName", true)}
             user={myNode.user}
-            firmwareVersion={myMetadata?.firmwareVersion ?? t("unknown.notAvailable")}
+            firmwareVersion={
+              myMetadata?.firmwareVersion ?? t("unknown.notAvailable")
+            }
             deviceMetrics={{
               batteryLevel: myNode.deviceMetrics?.batteryLevel,
               voltage: