update(card title): change card title link to detail instead of website

fix(mobile-filter): scroll only in filters not whole page

components/Card.vue

@@ -62,8 +62,6 @@ const projectItems: { label: string | string[], type: string, rating?: ProjectRa
             flex
             items-center
             gap-8px
-
-            @click.prevent="navigateTo(project.website, { external: true, open: { target: '_blank' } })"
           >
             <h1
               flex
@@ -74,12 +72,9 @@ const projectItems: { label: string | string[], type: string, rating?: ProjectRa
               hover:underline
               underline-offset-3
               leading="20px lg:32px"
-              class="group relative inline-block"
+              class="relative inline-block"
             >
               {{ project.title1 }}
-              <div
-                class=" i-bx-link-external ml-4px text-14px opacity-0 group-hover:opacity-100 transition-opacity"
-              />
             </h1>
           </div>
           <p

components/Project/ProjectGrid.vue

@@ -50,7 +50,6 @@ const cardTitles = ref< { label: string, sortKey: string, togglable?: boolean }[
         gap-x-12px
         w-full
         mb="8px lg:16px"
-        mt-22px
       >
         <h2
           text="app-white 16px lg:24px"

layouts/default.vue

@@ -81,6 +81,8 @@ watch([scrollY, top, y], (newValues, oldValues) => {
               flex
               items-center
               gap-16px
+              overflow-x-auto
+              pb="24px md:0"
             >
               <CategorySelectBox
                 v-model="selectedCategoryId"