fixes and backwards compatability with new registry types

web/projects/ui/src/app/routes/portal/routes/system/marketplace/marketplace.component.ts

@@ -101,8 +101,7 @@ import { TuiScrollbarModule } from '@taiga-ui/core'
         &-list {
           display: grid;
           grid-template-columns: repeat(1, minmax(0, 1fr));
-          gap: 4rem;
-          list-style-type: none;
+          gap: 4rem 3rem;
           padding: 1.5rem;
 
           @media (min-width: 768px) {
@@ -111,9 +110,12 @@ import { TuiScrollbarModule } from '@taiga-ui/core'
           @media (min-width: 1024px) {
             grid-template-columns: repeat(2, minmax(0, 1fr));
           }
-          @media (min-width: 1536px) {
+          @media (min-width: 1280px) {
             grid-template-columns: repeat(3, minmax(0, 1fr));
           }
+          @media (min-width: 1536px) {
+            grid-template-columns: repeat(4, minmax(0, 1fr));
+          }
 
           .tile-wrapper {
             display: block;

web/projects/ui/src/app/routes/portal/routes/system/marketplace/modals/preview.component.ts

@@ -152,6 +152,10 @@ import { Router } from '@angular/router'
         height: 100%;
         place-self: center;
       }
+
+      marketplace-additional {
+        padding-bottom: 2rem;
+      }
     `,
   ],
   standalone: true,

web/projects/ui/src/app/services/category.service.ts

@@ -1,9 +1,12 @@
-import { Injectable } from '@angular/core'
+import { Injectable, inject } from '@angular/core'
 import { Observable } from 'rxjs'
 import { AbstractCategoryService } from '@start9labs/marketplace'
+import { Router } from '@angular/router'
 
 @Injectable()
 export class CategoryService extends AbstractCategoryService {
+  private readonly router = inject(Router)
+
   getCategory$(): Observable<string> {
     return this.category$
   }
@@ -23,4 +26,8 @@ export class CategoryService extends AbstractCategoryService {
   resetQuery() {
     this.query$.next('')
   }
+
+  handleNavigation() {
+    this.router.navigate([])
+  }
 }