Migrate to mantine v6 (#15)

* Add letter spacing to cell text

* Set window control height in px

* Add temp unused routes

* Migrate text title font weights

* Bump mantine to v6 alpha

* Migrate modals / notifications

* Increase header bar to 65px

* Adjust play button props

* Migrate various components

* Migrate various pages and root styles

* Adjust default badge padding

* Fix sidebar spacing

* Fix list header badges

* Adjust default theme

src/renderer/components/virtual-table/cells/combined-title-cell.tsx

@@ -22,6 +22,7 @@ const CellContainer = styled(motion.div)<{ height: number }>`
   width: 100%;
   max-width: 100%;
   height: 100%;
+  letter-spacing: 0.5px;
 `;
 
 const ImageWrapper = styled.div`

src/renderer/components/virtual-table/cells/generic-cell.tsx

@@ -25,6 +25,7 @@ export const CellContainer = styled(motion.div)<{ position?: 'left' | 'center' |
       : 'flex-start'};
   width: 100%;
   height: 100%;
+  letter-spacing: 0.5px;
 `;
 
 type Options = {

src/renderer/components/virtual-table/headers/generic-table-header.tsx

@@ -77,9 +77,9 @@ export const GenericTableHeader = (
 
   return (
     <TextHeaderWrapper
-      fw="500"
       overflow="hidden"
       position={position}
+      weight={500}
     >
       {children || displayName}
     </TextHeaderWrapper>

src/renderer/components/virtual-table/hooks/use-fixed-table-header.tsx

@@ -6,7 +6,7 @@ export const useFixedTableHeader = () => {
   const tableContainerRef = useRef<HTMLDivElement | null>(null);
 
   const isNotPastTableIntersection = useInView(intersectRef, {
-    margin: '-63px 0px 0px 0px',
+    margin: '-68px 0px 0px 0px',
   });
 
   const tableInView = useInView(tableContainerRef, {