Feature/marketplace redesign (#2395)

* wip

* update marketplace categories styling

* update logo icons

* add sort pipe

* update search component styling

* clean up categories component

* cleanup and remove unnecessary sort pipe

* query packages in selected category

* fix search styling

* add reg icon and font, adjust category styles

* fix build from rebasing integration/refactors

* adjust marketplace types for icon with store data, plus formatting

* formatting

* update categories and search

* hover styling for categories

* category styling

* refactor for category as a behavior subject

* more category styling

* base functionality with new marketplace components

* styling cleanup

* misc style fixes and fix category selection from package page

* fixes from review feedback

* add and style additional details

* implement release notes modal

* fix menu when on service show page mobile to display change marketplace

* style and responsiveness fixes

* rename header to sidebar

* input icon config to sidebar

* add mime type pipe and type fn

* review feedback fixes

* skeleton text, more abstraction

* reorder categories, clean up a little

* audit sidebar, categories, store-icon, marketplace-sidebar, search

* finish code cleanup and fix few bugs

* misc fixes and cleanup

* fix broken styles and markdown

* bump shared marketplace version

* more cleanup

* sync package lock

* rename sidebar component to menu

* wip preview sidebar

* sync package lock

* breakout package show elements into components

* link to brochure in preview; custom taiga button styles

* move marketplace preview component into ui; open preview when viewing service in marketplace

* sync changes post file struture rename

* further cleanup

* create service for sidebar toggle and cleanup marketplace components

* bump shared marketplace version

* bump shared for new images needed for brochure marketplace

* cleanup

---------

Co-authored-by: Matt Hill <mattnine@protonmail.com>

web/projects/marketplace/src/services/category.service.ts

@@ -0,0 +1,16 @@
+import { BehaviorSubject, Observable } from 'rxjs'
+
+export abstract class AbstractCategoryService {
+  readonly category$ = new BehaviorSubject<string>('all')
+  readonly query$ = new BehaviorSubject<string>('')
+
+  abstract getCategory$(): Observable<string>
+
+  abstract changeCategory(category: string): void
+
+  abstract setQuery(query: string): void
+
+  abstract getQuery$(): Observable<string>
+
+  abstract resetQuery(): void
+}

web/projects/marketplace/src/services/marketplace.service.ts

@@ -1,5 +1,11 @@
 import { Observable } from 'rxjs'
-import { MarketplacePkg, Marketplace, StoreData, StoreIdentity } from '../types'
+import {
+  Marketplace,
+  MarketplacePkg,
+  StoreData,
+  StoreIdentity,
+  StoreIdentityWithData,
+} from '../types'
 
 export abstract class AbstractMarketplaceService {
   abstract getKnownHosts$(): Observable<StoreIdentity[]>
@@ -10,6 +16,8 @@ export abstract class AbstractMarketplaceService {
 
   abstract getSelectedStore$(): Observable<StoreData>
 
+  abstract getSelectedStoreWithCategories$(): Observable<StoreIdentityWithData>
+
   abstract getPackage$(
     id: string,
     version: string,