feat(search): implement search functionality with results page and routing

src/app/core/services/catalog/catalog.service.ts

@@ -8,6 +8,7 @@ import { ApiResponse } from '../api-response.interface';
 import { TenantService } from '../tenant.service';
 import {
   CatalogFeaturedGroup,
+  CatalogFeaturedItem,
   CatalogFeaturedItems,
   CatalogItemDetail,
   Product,
@@ -15,6 +16,10 @@ import {
 
 type HttpParamValue = string | number | boolean | readonly (string | number | boolean)[];
 
+export interface CatalogSearchQueryParams extends ApiPaginationQueryParams {
+  q: string;
+}
+
 @Injectable({
   providedIn: 'root',
 })
@@ -36,6 +41,15 @@ export class CatalogService {
     return this.http.get<CatalogFeaturedGroup[]>(`${this.tenantApiUrl}/catalog`);
   }
 
+  searchCatalog(
+    params: CatalogSearchQueryParams,
+  ): Observable<ApiPaginatedResponse<CatalogFeaturedItem[]>> {
+    return this.http.get<ApiPaginatedResponse<CatalogFeaturedItem[]>>(
+      `${this.tenantApiUrl}/catalog-items`,
+      { params: this.buildHttpParams(params) },
+    );
+  }
+
   getFeaturedGroupItems(
     featuredGroupId: number,
     params?: ApiPaginationQueryParams,

src/app/core/services/tenant.interface.ts

@@ -58,6 +58,9 @@ export interface Tenant {
   selected_bank_account?: BankAccount | null;
   hero_config?: HeroConfig | null;
   event_config?: EventConfig | null;
+  search_product_layout?: 'row' | 'column_with_image' | 'column_with_cart';
+  search_group_layout?: 'paginated' | 'simple' | 'simple_vertical' | 'carousel';
+  search_items_per_page?: number;
   main_carousel_images?: string[];
   social_media?: SocialMedia[];
   menues?: Menu[];