feat: design qa fixes

frontend/app/components/modules/explore/components/explore-header.vue

@@ -19,7 +19,7 @@ SPDX-License-Identifier: MIT
 
       <div class="w-full flex justify-center mt-5 pb-10">
         <div
-          class="w-full sm:max-w-120 overflow-hidden bg-neutral-50 h-[45px] border border-neutral-200 rounded-full flex items-center gap-2 px-5 cursor-pointer"
+          class="w-full sm:max-w-120 overflow-hidden bg-neutral-50 h-[45px] border border-neutral-200 hover:bg-neutral-100 transition hover:shadow-xs rounded-full flex items-center gap-2 px-5 cursor-pointer"
           @click="isModalOpen = true"
         >
           <lfx-icon

frontend/app/components/modules/explore/views/explore.vue

@@ -3,8 +3,8 @@ Copyright (c) 2025 The Linux Foundation and each contributor.
 SPDX-License-Identifier: MIT
 -->
 <template>
-  <div class="bg-white">
-    <div class="container overflow-hidden flex flex-col gap-10 md:gap-16 lg:pb-15 pb-6">
+  <div class="bg-white lg:!pb-30 pb-20 lg:!-mb-30 -mb-20">
+    <div class="container overflow-hidden flex flex-col gap-10">
       <lfx-explore-header />
       <lfx-explore-top-section />
       <lfx-explore-source-index-section />

frontend/app/components/modules/leaderboards/components/sections/table-header.vue

@@ -15,7 +15,7 @@ SPDX-License-Identifier: MIT
     </div>
     <div class="flex-1 min-w-0">{{ config?.entityLabel }}</div>
     <div class="flex-1 min-w-0 text-right flex items-center gap-1.5 justify-end">
-      {{ config?.metricLabel }}
+      <div>{{ config?.metricLabel }}</div>
       <lfx-tooltip
         v-if="config?.metricTooltip"
         :content="config?.metricTooltip"

frontend/app/components/modules/leaderboards/config/commit-activity.config.ts

@@ -14,5 +14,5 @@ export const commitActivityConfig: LeaderboardConfig = {
   dataDisplay: LfxProjectIntegerRowDisplay,
   minimizedDataDisplay: LfxProjectIntegerMinimizedRowDisplay,
   entityLabel: 'Project',
-  metricLabel: 'Commits (12m)',
+  metricLabel: 'Commits (12M)',
 };

frontend/app/components/modules/leaderboards/config/fastest-mergers.config.ts

@@ -13,5 +13,5 @@ export const fastestMergersConfig: LeaderboardConfig = {
   dataDisplay: LfxProjectDurationRowDisplay,
   minimizedDataDisplay: LfxProjectDurationMinimizedRowDisplay,
   entityLabel: 'Project',
-  metricLabel: 'Median time to merge (12m)',
+  metricLabel: 'Median time to merge (12M)',
 };

frontend/app/components/modules/leaderboards/config/fastest-responders.config.ts

@@ -14,5 +14,5 @@ export const fastestRespondersConfig: LeaderboardConfig = {
   dataDisplay: LfxProjectDurationRowDisplay,
   minimizedDataDisplay: LfxProjectDurationMinimizedRowDisplay,
   entityLabel: 'Project',
-  metricLabel: 'Median time to 1st response (12m)',
+  metricLabel: 'Median time to 1st response (12M)',
 };

frontend/app/components/modules/leaderboards/config/most-active-contributors.config.ts

@@ -14,5 +14,5 @@ export const mostActiveContributorsConfig: LeaderboardConfig = {
   dataDisplay: LfxProjectIntegerRowDisplay,
   minimizedDataDisplay: LfxProjectIntegerMinimizedRowDisplay,
   entityLabel: 'Project',
-  metricLabel: 'Contributors (12m)',
+  metricLabel: 'Contributors (12M)',
 };

frontend/app/components/modules/leaderboards/config/most-active-organizations.config.ts

@@ -14,5 +14,5 @@ export const mostActiveOrganizationsConfig: LeaderboardConfig = {
   dataDisplay: LfxProjectIntegerRowDisplay,
   minimizedDataDisplay: LfxProjectIntegerMinimizedRowDisplay,
   entityLabel: 'Project',
-  metricLabel: 'Organizations (12m)',
+  metricLabel: 'Organizations (12M)',
 };

frontend/app/components/modules/leaderboards/config/top-100-contributors.config.ts

@@ -14,5 +14,5 @@ export const top100ContributorsConfig: LeaderboardConfig = {
   dataDisplay: LfxContributorRowDisplay,
   minimizedDataDisplay: LfxContributorMinimizedRowDisplay,
   entityLabel: 'Contributor',
-  metricLabel: 'Contributions (12m)',
+  metricLabel: 'Contributions (12M)',
 };

frontend/app/components/modules/leaderboards/config/top-100-organizations.config.ts

@@ -14,5 +14,5 @@ export const top100OrganizationsConfig: LeaderboardConfig = {
   dataDisplay: LfxOrganizationRowDisplay,
   minimizedDataDisplay: LfxOrganizationMinimizedRowDisplay,
   entityLabel: 'Organization',
-  metricLabel: 'Contributions (12m)',
+  metricLabel: 'Contributions (12M)',
 };

frontend/app/components/shared/layout/footer.vue

@@ -3,7 +3,7 @@ Copyright (c) 2025 The Linux Foundation and each contributor.
 SPDX-License-Identifier: MIT
 -->
 <template>
-  <footer class="border-t border-neutral-200 py-10 bg-white mt-30">
+  <footer class="border-t border-neutral-200 py-10 mt-30 bg-white">
     <div class="container">
       <div class="flex justify-between pb-10 md:pb-16 gap-x-10 gap-y-15 flex-col xl:flex-row">
         <div class="max-w-100">

frontend/app/components/shared/layout/search/search.vue

@@ -5,7 +5,7 @@ SPDX-License-Identifier: MIT
 <template>
   <div class="search-container">
     <div
-      class="w-full lg:max-w-[6.5rem] xl:max-w-[18rem] 2xl:max-w-[26rem] overflow-hidden bg-neutral-50 h-9 border border-neutral-200 rounded-full hidden sm:flex items-center gap-2 px-3 cursor-pointer"
+      class="w-full lg:max-w-[6.5rem] xl:max-w-[18rem] 2xl:max-w-[26rem] overflow-hidden bg-neutral-50 h-9 border border-neutral-200 rounded-full hidden sm:flex items-center gap-2 px-3 cursor-pointer hover:bg-neutral-100 transition hover:shadow-xs"
       @click="isModalOpen = true"
     >
       <lfx-icon

frontend/app/components/uikit/carousel/carousel.scss

@@ -5,7 +5,7 @@
   @apply relative w-full;
 
   .carousel-container {
-    @apply sm:overflow-hidden overflow-visible w-full md:py-10 py-8;
+    @apply sm:overflow-hidden overflow-visible w-full md:pt-10 pt-8;
   }
 
   .carousel-track {