fix: on focus hidden sentinel

Signed-off-by: Adam Setch <[email protected]>

Author: setchy

src/renderer/components/Sidebar.tsx

@@ -67,7 +67,7 @@ export const Sidebar: FC = () => {
 
   return (
     <Stack
-      className="fixed left-sidebar -ml-sidebar w-sidebar h-full bg-gitify-sidebar [&_svg]:text-white"
+      className="fixed w-sidebar h-full bg-gitify-sidebar [&_svg]:text-white"
       direction="vertical"
       justify="space-between"
     >

src/renderer/components/__snapshots__/Sidebar.test.tsx.snap

@@ -2,7 +2,9 @@ import type { FC, ReactNode } from 'react';
 
 import { Sidebar } from '../Sidebar';
 
-type AppLayoutProps = { children: ReactNode };
+interface AppLayoutProps {
+  children: ReactNode;
+}
 
 /**
  * AppLayout is the main container for the application.
@@ -16,7 +18,7 @@ export const AppLayout: FC<AppLayoutProps> = ({ children }) => {
   };
 
   return (
-    <div className="flex flex-col min-h-screen bg-gitify-background">
+    <div className="flex min-h-screen bg-gitify-background">
       {/* Hidden focus sentinel; grabs initial focus via callback ref */}
       <button
         aria-label="initial focus"

src/renderer/components/layout/AppLayout.tsx

@@ -2,7 +2,7 @@ import type { FC, ReactNode } from 'react';
 
 interface IPage {
   children: ReactNode;
-  testId?: string;
+  testId: string;
 }
 
 /**