feat: cadastro manual de acesso remoto e ajustes de horas

src/components/ui/sidebar.tsx

@@ -257,6 +257,7 @@ function Sidebar({
 function SidebarTrigger({
   className,
   onClick,
+  tabIndex,
   ...props
 }: React.ComponentProps<typeof Button>) {
   const { toggleSidebar } = useSidebar()
@@ -266,29 +267,21 @@ function SidebarTrigger({
     setHydrated(true)
   }, [])
 
-  if (!hydrated) {
-    return (
-      <div
-        data-sidebar="trigger"
-        data-slot="sidebar-trigger"
-        className={cn("size-7 rounded-full border border-slate-200 bg-white", className)}
-        role="presentation"
-      />
-    )
-  }
-
   return (
     <Button
-      data-sidebar="trigger"
-      data-slot="sidebar-trigger"
-      variant="ghost"
-      size="icon"
-      className={cn("size-7", className)}
-      onClick={(event) => {
-        onClick?.(event)
-        toggleSidebar()
-      }}
-      {...props}
+      data-sidebar="trigger"
+      data-slot="sidebar-trigger"
+      variant="ghost"
+      size="icon"
+      className={cn("size-7", className)}
+      disabled={!hydrated}
+      aria-hidden={hydrated ? undefined : true}
+      tabIndex={hydrated ? tabIndex : -1}
+      onClick={(event) => {
+        onClick?.(event)
+        toggleSidebar()
+      }}
+      {...props}
     >
       <PanelLeftIcon />
       <span className="sr-only">Toggle Sidebar</span>