feat: Implement frontend for business owners' support ticket system

frontend/src/App.tsx

@@ -55,6 +55,8 @@ import VerifyEmail from './pages/VerifyEmail';
 import EmailVerificationRequired from './pages/EmailVerificationRequired';
 import AcceptInvitePage from './pages/AcceptInvitePage';
 import TenantOnboardPage from './pages/TenantOnboardPage';
+import TicketsPage from './pages/TicketsPage'; // Import TicketsPage
+import { Toaster } from 'react-hot-toast'; // Import Toaster for notifications
 
 const queryClient = new QueryClient({
   defaultOptions: {
@@ -467,6 +469,7 @@ const AppContent: React.FC = () => {
             element={user.role === 'resource' ? <ResourceDashboard /> : <Dashboard />}
           />
           <Route path="/scheduler" element={<Scheduler />} />
+          <Route path="/tickets" element={<TicketsPage />} />
           <Route
             path="/customers"
             element={
@@ -551,6 +554,7 @@ const App: React.FC = () => {
       <Router>
         <AppContent />
       </Router>
+      <Toaster /> {/* Add Toaster component for notifications */}
     </QueryClientProvider>
   );
 };