Fix: "Open Folder" button functionality (#976)

Author: monu808

frontend/src/components/Media/MediaView.tsx

@@ -1,6 +1,6 @@
 import { useState, useCallback, useMemo, useRef } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-// import { revealItemInDir } from '@tauri-apps/plugin-opener';
+import { revealItemInDir } from '@tauri-apps/plugin-opener';
 import { MediaViewProps } from '@/types/Media';
 import { selectCurrentViewIndex } from '@/features/imageSelectors';
 import { setCurrentViewIndex, closeImageView } from '@/features/imageSlice';
@@ -87,14 +87,13 @@ export function MediaView({
     handleNextImage,
   );
 
-  // Folder Open functionality
+  /** Opens the system file explorer at the current image's location. */
   const handleOpenFolder = async () => {
     if (!currentImage?.path) return;
     try {
-      // await revealItemInDir(currentImage.path);
+      await revealItemInDir(currentImage.path);
     } catch (err) {
-      console.log(err);
-      console.error('Failed to open folder.');
+      console.error('Failed to open folder:', err);
     }
   };
 

frontend/src/components/Media/MediaViewControls.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Info, Folder, Heart, Play, Pause, X } from 'lucide-react';
+import { Info, Heart, Play, Pause, X, Folder } from 'lucide-react';
 
 interface MediaViewControlsProps {
   showInfo: boolean;
@@ -13,6 +13,7 @@ interface MediaViewControlsProps {
   type?: string;
 }
 
+/** Control buttons for the full-screen media viewer. */
 export const MediaViewControls: React.FC<MediaViewControlsProps> = ({
   showInfo,
   onToggleInfo,
@@ -45,6 +46,7 @@ export const MediaViewControls: React.FC<MediaViewControlsProps> = ({
       >
         <Folder className="h-5 w-5" />
       </button>
+
       <button
         onClick={onToggleFavourite}
         className={`cursor-pointer rounded-full p-2.5 text-white transition-all duration-300 ${