Add New Booking Page and Route

Author: Nidhi

Slot-Booking-System-Frontend/src/App.jsx

@@ -12,6 +12,7 @@ import Terms from './pages/Terms';
 import Privacy from './pages/Privacy';
 import Contact from './pages/Contact';
 import EditBooking from './pages/EditBooking';
+import NewBooking from './pages/NewBooking';
 
 // Protected Route Component
 const ProtectedRoute = ({ children, user, requiredRole }) => {
@@ -102,6 +103,14 @@ function App() {
               </ProtectedRoute>
             }
           />
+          <Route
+            path="/bookings/new"
+            element={
+              <ProtectedRoute user={user} requiredRole={['club_admin', 'super_admin']}>
+                <NewBooking user={user} />
+              </ProtectedRoute>
+            }
+          />
           <Route
             path="/bookings/edit/:id"
             element={