feat: implement add product functionality; create add-product component with form validation and styling

client/src/app/app.routes.ts

@@ -8,6 +8,7 @@ import {authOnlyCanActivate, authOnlyCanMatch} from './guards/auth-only.guard';
 import {AdminComponent} from './pages/admin/admin.component';
 import {adminOnlyCanActivate, adminOnlyCanMatch} from './guards/admin-only.guard';
 import {ProductsComponent} from './pages/products/products.component';
+import {AddProductComponent} from './pages/add-product/add-product.component';
 
 export const routes: Routes = [
   {
@@ -54,6 +55,12 @@ export const routes: Routes = [
     canMatch: [authOnlyCanMatch],
     canActivate: [authOnlyCanActivate],
   },
+  {
+    path: 'products/add',
+    component: AddProductComponent,
+    canMatch: [authOnlyCanMatch],
+    canActivate: [authOnlyCanActivate],
+  },
   {
     path: '**',
     redirectTo: ''