feat: sync play queue for navidrome/subsonic (#1335)

---------

Co-authored-by: jeffvli <jeffvictorli@gmail.com>

src/shared/components/drag-drop-zone/drag-drop-zone.tsx

@@ -12,7 +12,7 @@ interface DragDropZoneProps {
 }
 
 export const DragDropZone = ({ icon, onItemSelected, validateItem }: DragDropZoneProps) => {
-    const zoneFileInput = useRef<HTMLInputElement | null>();
+    const zoneFileInput = useRef<HTMLInputElement | null>(null);
     const [error, setError] = useState<string>('');
 
     const processItem = useCallback(
@@ -122,7 +122,9 @@ export const DragDropZone = ({ icon, onItemSelected, validateItem }: DragDropZon
             ) : null}
             <input
                 onChange={onZoneInputChange}
-                ref={(self) => (zoneFileInput.current = self)}
+                ref={(self) => {
+                    zoneFileInput.current = self;
+                }}
                 style={{ display: 'none' }}
                 type="file"
             />

src/shared/components/icon/icon.tsx

@@ -100,6 +100,7 @@ import {
     LuSun,
     LuTable,
     LuTriangleAlert,
+    LuUpload,
     LuUser,
     LuUserPen,
     LuUserRoundCog,
@@ -227,6 +228,7 @@ export const AppIcon = {
     themeLight: LuSun,
     track: LuMusic2,
     unfavorite: LuHeartCrack,
+    upload: LuUpload,
     user: LuUser,
     userManage: LuUserRoundCog,
     visibility: MdOutlineVisibility,