Upload folder using huggingface_hub

client/src/components/HitokotoBar.tsx

@@ -55,7 +55,7 @@ const HitokotoBar: React.FC = () => {
     if (!hidden && !quote) {
       fetchQuote();
     }
-  }, [hidden]);
+  }, [hidden, quote]);
 
   if (hidden) return null;
 

client/src/components/Layout.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 // We keep heroicons for fallback, but nav uses custom SVGs from /public/icons
-import { ArrowRightOnRectangleIcon, PowerIcon } from '@heroicons/react/24/outline';
+import { PowerIcon } from '@heroicons/react/24/outline';
 import HitokotoBar from './HitokotoBar';
 import { api } from '../services/api';
 
@@ -13,8 +13,7 @@ interface User {
 
 const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
   const location = useLocation();
-  const [isTransitioning, setIsTransitioning] = useState(false);
-  const previousPathRef = useRef(location.pathname);
+  const [isTransitioning] = useState(false);
   const userData = localStorage.getItem('user');
   const user: User | null = userData ? JSON.parse(userData) : null;
   const [unreadCount, setUnreadCount] = useState<number>(0);

client/src/pages/TutorialTasks.tsx

@@ -15,7 +15,7 @@ import {
   ArrowTopRightOnSquareIcon,
   ArrowsRightLeftIcon
 } from '@heroicons/react/24/outline';
-import ReactDOM from 'react-dom';
+// import ReactDOM from 'react-dom';
 
 interface TutorialTask {
   _id: string;
@@ -85,7 +85,7 @@ const TutorialTasks: React.FC = () => {
       normalized[targetIndex].position = posA;
 
       // Optimistic UI update: swap in local state immediately for smoother UX
-      const prevState = tutorialTasks;
+      // const prevState = tutorialTasks; // not used
       setTutorialTasks((prev) => {
         const next = [...prev];
         // find actual indices in full list and swap their relative order by updating their position fields