Add fullscreen player button tooltip

src/renderer/features/player/components/left-controls.tsx

@@ -5,7 +5,7 @@ import { motion, AnimatePresence, LayoutGroup } from 'framer-motion';
 import { RiArrowUpSLine, RiDiscLine, RiMore2Fill } from 'react-icons/ri';
 import { generatePath, Link } from 'react-router-dom';
 import styled from 'styled-components';
-import { Button, Text } from '/@/renderer/components';
+import { Button, Text, Tooltip } from '/@/renderer/components';
 import { AppRoute } from '/@/renderer/router/routes';
 import {
   useAppStoreActions,
@@ -28,6 +28,7 @@ const LeftControlsContainer = styled.div`
 `;
 
 const ImageWrapper = styled.div`
+  position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -44,6 +45,7 @@ const MetadataStack = styled(motion.div)`
 `;
 
 const Image = styled(motion.div)`
+  position: relative;
   width: 60px;
   height: 60px;
   background-color: var(--placeholder-bg);
@@ -136,6 +138,10 @@ export const LeftControls = () => {
                 role="button"
                 transition={{ duration: 0.3, ease: 'easeInOut' }}
                 onClick={handleToggleFullScreenPlayer}
+              >
+                <Tooltip
+                  label="Open fullscreen player"
+                  openDelay={500}
                 >
                   {currentSong?.imageUrl ? (
                     <PlayerbarImage
@@ -157,6 +163,8 @@ export const LeftControls = () => {
                       </Center>
                     </>
                   )}
+                </Tooltip>
+
                 {!collapsed && (
                   <Button
                     compact