Redesign sidebar / header and other misc. improvements (#24)

* Remove 1920px max width

* Fix position of list controls menu

* Match size and color of search input

* Adjust library header sizing

* Move app menu to sidebar

* Increase row buffer on play queue list

* Fix query builder styles

* Fix playerbar slider track bg

* Adjust titlebar styles

* Fix invalid modal prop

* Various adjustments to detail pages

* Fix sidebar height calculation

* Fix list null indicators, add filter indicator

* Adjust playqueue styles

* Fix jellyfin releaseYear normalization

* Suppress browser context menu on ag-grid

* Add radius to drawer queue -- normalize layout

* Add modal styles to provider theme

* Fix playlist song list pagination

* Add disc number to albums with more than one disc

* Fix query builder boolean values

* Adjust input placeholder color

* Properly handle rating/favorite from context menu on table

* Conform dropdown menu styles to context menu

* Increase sort type select width

* Fix drawer queue radius

* Change primary color

* Prevent volume wheel from invalid values

* Add icons to query builder dropdowns

* Update notification styles

* Update scrollbar thumb styles

* Remove "add to playlist" on smart playlists

* Fix "add to playlist" from context menu

src/renderer/features/playlists/components/playlist-query-builder.tsx

@@ -359,7 +359,7 @@ export const PlaylistQueryBuilder = forwardRef(
     return (
       <MotionFlex
         direction="column"
-        h="calc(100% - 3rem)"
+        h="calc(100% - 2.5rem)"
         justify="space-between"
       >
         <ScrollArea
@@ -393,11 +393,12 @@ export const PlaylistQueryBuilder = forwardRef(
         <Group
           noWrap
           align="flex-end"
-          p="1rem"
+          m="1rem"
           position="apart"
         >
           <Group
             noWrap
+            spacing="sm"
             w="100%"
           >
             <Select
@@ -405,7 +406,7 @@ export const PlaylistQueryBuilder = forwardRef(
               data={sortOptions}
               label="Sort"
               maxWidth="20%"
-              width={125}
+              width={150}
               {...extraFiltersForm.getInputProps('sortBy')}
             />
             <Select
@@ -432,7 +433,10 @@ export const PlaylistQueryBuilder = forwardRef(
             />
           </Group>
           {onSave && onSaveAs && (
-            <Group noWrap>
+            <Group
+              noWrap
+              spacing="sm"
+            >
               <Button
                 loading={isSaving}
                 variant="filled"
@@ -453,12 +457,7 @@ export const PlaylistQueryBuilder = forwardRef(
                 <DropdownMenu.Dropdown>
                   <DropdownMenu.Item
                     $danger
-                    rightSection={
-                      <RiSaveLine
-                        color="var(--danger-color)"
-                        size={15}
-                      />
-                    }
+                    icon={<RiSaveLine color="var(--danger-color)" />}
                     onClick={handleSave}
                   >
                     Save and replace