support opacity 0, spellcheck

src/renderer/features/player/components/full-screen-player-image.tsx

@@ -134,7 +134,7 @@ export const FullScreenPlayerImage = () => {
     const albumArtRes = useSettingsStore((store) => store.general.albumArtRes);
 
     const { queue } = usePlayerData();
-    const { opacity, useImageAspectRatio } = useFullScreenPlayerStore();
+    const { useImageAspectRatio } = useFullScreenPlayerStore();
     const currentSong = queue.current;
     const { color: background } = useFastAverageColor({
         algorithm: 'dominant',
@@ -250,7 +250,6 @@ export const FullScreenPlayerImage = () => {
             <MetadataContainer
                 className="full-screen-player-image-metadata"
                 maw="100%"
-                opacity={opacity}
                 spacing="xs"
             >
                 <TextTitle

src/renderer/features/player/components/full-screen-player-queue.tsx

@@ -42,11 +42,11 @@ const HeaderItemWrapper = styled.div`
     z-index: 2;
 `;
 
-interface TransparendGridContainerProps {
+interface TransparentGridContainerProps {
     opacity: number;
 }
 
-const GridContainer = styled.div<TransparendGridContainerProps>`
+const GridContainer = styled.div<TransparentGridContainerProps>`
     display: grid;
     grid-template-rows: auto minmax(0, 1fr);
     grid-template-columns: 1fr;
@@ -82,8 +82,6 @@ export const FullScreenPlayerQueue = () => {
         },
     ];
 
-    console.log('opacity', opacity);
-
     return (
         <GridContainer
             className="full-screen-player-queue-container"

src/renderer/features/player/components/full-screen-player.tsx

@@ -153,7 +153,7 @@ const Controls = () => {
                                     defaultValue={opacity}
                                     label={(e) => `${e} %`}
                                     max={100}
-                                    min={1}
+                                    min={0}
                                     w="100%"
                                     onChangeEnd={(e) => setStore({ opacity: Number(e) })}
                                 />