fix(ui): add missing imports in Home.tsx — useKeyboardShortcuts, SessionTimeout, AnimatePresence, motion, Command

[Git-Shubham14]

Description

Fixes #216

client/src/components/Home/Home.tsx used 5 components/hooks that were never imported, causing the entire home page to crash with a ReferenceError and show the "Something went wrong" error boundary instead of the actual UI.

Root Cause

The following were used in the component but missing from imports:

• useKeyboardShortcuts — used at line 44 for keyboard shortcuts
• SessionTimeout — used at line 183 for session management
• AnimatePresence — used at line 186 for modal animations
• motion — used at lines 188, 195, 230, 231 for animations
• Command — used at line 204 as an icon in the shortcuts modal

Changes

• client/src/components/Home/Home.tsx — added 4 missing import statements:

import { AnimatePresence, motion } from "framer-motion";
import { Command } from "lucide-react";
import SessionTimeout from "../SessionTimeout";
import { useKeyboardShortcuts } from "../../hooks/useKeyboardShortcuts";

Type of Change

• Bug fix

Checklist

• Code follows project style
• Tested locally — home page loads correctly after fix, no ReferenceErrors
• Updated documentation

[netlify]

👷 Deploy request for file-sharingsystem pending review.

Visit the deploys page to approve it

Name	Link
🔨 Latest commit	ec6f6b5

[vercel]

@Git-Shubham14 is attempting to deploy a commit to the imanchalsingh Team on Vercel.

A member of the Team first needs to authorize it.