fix(logo): Fix logo flashing

tavern/internal/www/public/index.html

@@ -8,6 +8,7 @@
   <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
   <link rel="manifest" href="/site.webmanifest">
   <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <link rel="preload" href="/static/media/eldrich.png" as="image" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
   <meta name="description" content="Realm is a cross platform Red Team engagement platform with a focus on automation and reliability." />

tavern/internal/www/src/components/page-wrapper/FullSidebarNav.tsx

@@ -24,6 +24,8 @@ const FullSidebarNav = ({ currNavItem, handleSidebarMinimized }: FullSidebarNavP
                                 className="h-10 w-auto"
                                 src={logo}
                                 alt="Realm"
+                                width="40"
+                                height="40"
                             />
                             <div className="text-white text-3xl leading-6 font-semibold tracking-wide">Realm</div>
                         </div>

tavern/internal/www/src/components/page-wrapper/MinimizedSidebarNav.tsx

@@ -70,6 +70,8 @@ const MinimizedSidebarNav = ({ currNavItem, handleSidebarMinimized }: MinimizedS
                         className="h-8 w-auto"
                         src={logo}
                         alt="Realm"
+                        width="32"
+                        height="32"
                     />
                 </a>
             </div>

tavern/internal/www/src/components/tavern-base-ui/table/Table.tsx

@@ -53,7 +53,7 @@ export const Table = ({
     <div className="overflow-x-auto -mx-4 sm:-mx-6 xl:-mx-8">
       <div className="inline-block min-w-full align-middle">
         <table className="w-full divide-y divide-gray-200 table-fixed">
-          <thead className="bg-gray-50 sticky top-0 z-10">
+          <thead className="bg-gray-50 sticky top-0 z-5">
             {table.getHeaderGroups().map(headerGroup => (
               <tr key={headerGroup.id}>
                 {headerGroup.headers.map(header => {

tavern/internal/www/src/components/tavern-base-ui/table/TablePagination.tsx

@@ -30,7 +30,7 @@ export default function TablePagination(props: Props) {
 
   return (
     <nav
-      className="sticky bottom-0 z-10 flex items-center justify-between border-t border-gray-200 bg-white px-4 sm:px-6 xl:px-8 py-3 shadow-md"
+      className="sticky bottom-0 z-5 flex items-center justify-between border-t border-gray-200 bg-white px-4 sm:px-6 xl:px-8 py-3 shadow-md z-5"
       aria-label="Pagination"
     >
       <div className="hidden sm:block">

tavern/internal/www/src/components/tavern-base-ui/table/TableWrapper.tsx

@@ -56,7 +56,7 @@ export const TableWrapper: React.FC<TableWrapperProps> = ({
           <div className={`
             flex flex-row justify-between items-center
             px-4 sm:px-6 xl:px-8 py-2 border-b border-gray-200 bg-white gap-2
-            ${stickyControls ? 'sticky top-0 z-20 shadow-sm' : ''}
+            ${stickyControls ? 'sticky top-0 z-5 shadow-sm' : ''}
           `}>
             <h3 className="text-xl font-semibold leading-6 text-gray-900 md:visible invisible">{title}</h3>
             <div className="flex flex-row justify-end gap-2 w-full md:w-auto">

tavern/internal/www/src/components/tavern-base-ui/table/__tests__/TableWrapper.test.tsx

@@ -128,7 +128,7 @@ describe('TableWrapper', () => {
         <TableWrapper {...defaultProps} filterControls={mockFilterControls} stickyControls={true} />
       );
 
-      const controlsDiv = container.querySelector('.sticky.top-0.z-20.shadow-sm');
+      const controlsDiv = container.querySelector('.sticky.top-0.z-5.shadow-sm');
       expect(controlsDiv).toBeInTheDocument();
     });
 
@@ -137,7 +137,7 @@ describe('TableWrapper', () => {
         <TableWrapper {...defaultProps} filterControls={mockFilterControls} stickyControls={false} />
       );
 
-      const controlsDiv = container.querySelector('.sticky.top-0.z-20.shadow-sm');
+      const controlsDiv = container.querySelector('.sticky.top-0.z-5.shadow-sm');
       expect(controlsDiv).not.toBeInTheDocument();
     });
   });