feat: implement advanced Bug Reporting system with Auto-Diagnostics, Screenshots, and AI-Analysis

Author: ritesh-1918

Frontend/package-lock.json

@@ -24,6 +24,7 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "framer-motion": "^12.34.2",
+    "html2canvas": "^1.4.1",
     "lucide-react": "^0.574.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",

Frontend/package.json

@@ -10,7 +10,7 @@ import { AnimatePresence, motion } from "framer-motion";
 import { NotFound } from "./components/ui/not-found-2";
 import useTicketStore from "./store/ticketStore";
 import Toaster from "./components/shared/Toaster";
-import FeedbackWidget from "./components/shared/FeedbackWidget";
+import BugReportWidget from "./components/shared/BugReportWidget";
 
 // Auth Components
 import Login from "./pages/Login";
@@ -185,7 +185,7 @@ function App() {
     <BrowserRouter>
       <TitleUpdater />
       <Toaster />
-      <FeedbackWidget />
+      <BugReportWidget />
       <Routes>
         {/* Public */}
         <Route path="/" element={<LandingPage />} />