feat: Add TicketsWithoutAnAssignee component to display unassigned tickets

Signed-off-by: Andre Bossard <anbossar@microsoft.com>

Author: abossard

frontend/src/App.jsx

@@ -8,26 +8,28 @@
  */
 
 import {
-  makeStyles,
-  Subtitle1,
-  Tab,
-  TabList,
-  Text,
-  tokens,
+    makeStyles,
+    Subtitle1,
+    Tab,
+    TabList,
+    Text,
+    tokens,
 } from '@fluentui/react-components'
 import {
-  AlertUrgent24Regular,
-  Bot24Regular,
-  Home24Regular,
-  Info24Regular,
-  TaskListLtr24Regular,
+    AlertUrgent24Regular,
+    Bot24Regular,
+    Home24Regular,
+    Info24Regular,
+    PersonQuestionMark24Regular,
+    TaskListLtr24Regular,
 } from '@fluentui/react-icons'
 import { Navigate, Route, Routes, useLocation, useNavigate } from 'react-router-dom'
 import About from './components/About'
 import Dashboard from './features/dashboard/Dashboard'
 import OllamaChat from './features/ollama/OllamaChat'
 import TaskList from './features/tasks/TaskList'
 import TicketList from './features/tickets/TicketList'
+import TicketsWithoutAnAssignee from './features/tickets/TicketsWithoutAnAssignee'
 
 const useStyles = makeStyles({
   app: {
@@ -67,6 +69,7 @@ export default function App() {
     { value: 'dashboard', label: 'Dashboard', icon: <Home24Regular />, path: '/dashboard', testId: 'tab-dashboard' },
     { value: 'tasks', label: 'Tasks', icon: <TaskListLtr24Regular />, path: '/tasks', testId: 'tab-tasks' },
     { value: 'tickets', label: 'QA Tickets', icon: <AlertUrgent24Regular />, path: '/tickets', testId: 'tab-tickets' },
+    { value: 'unassigned', label: 'Unassigned', icon: <PersonQuestionMark24Regular />, path: '/unassigned', testId: 'tab-unassigned' },
     { value: 'ollama', label: 'AI Chat', icon: <Bot24Regular />, path: '/ollama', testId: 'tab-ollama' },
     { value: 'about', label: 'About', icon: <Info24Regular />, path: '/about', testId: 'tab-about' },
   ]
@@ -106,6 +109,7 @@ export default function App() {
           <Route path="/dashboard" element={<Dashboard />} />
           <Route path="/tasks" element={<TaskList />} />
           <Route path="/tickets" element={<TicketList />} />
+          <Route path="/unassigned" element={<TicketsWithoutAnAssignee />} />
           <Route path="/ollama" element={<OllamaChat />} />
           <Route path="/about" element={<About />} />
           <Route path="*" element={<Navigate to="/dashboard" replace />} />