feat(frontend): add showBorder prop to DsPageHeading component

Author: Lasim

services/frontend/src/components/ui/ds-page-heading/DsPageHeading.vue

@@ -2,13 +2,21 @@
 interface Props {
   title: string
   description?: string
+  showBorder?: boolean
 }
 
-defineProps<Props>()
+const props = withDefaults(defineProps<Props>(), {
+  showBorder: true
+})
 </script>
 
 <template>
-  <header class="relative -mx-4 sm:-mx-6 lg:-mx-8 px-4 sm:px-6 lg:px-8 mb-8 after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:w-screen after:border-b after:border-neutral-200">
+  <header
+    :class="[
+      'relative -mx-4 sm:-mx-6 lg:-mx-8 px-4 sm:px-6 lg:px-8 mb-8',
+      props.showBorder ? 'after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:w-screen after:border-b after:border-neutral-200' : ''
+    ]"
+  >
     <div class="flex flex-col lg:flex-row items-stretch lg:items-center justify-between gap-4 lg:gap-10 py-8">
       <!-- Left: Title, description, and optional content -->
       <div class="flex flex-col items-stretch justify-start flex-1 w-full gap-4">

services/frontend/src/views/mcp-server/installation/[id]/danger-zone.vue

@@ -47,7 +47,7 @@ onUnmounted(() => {
 
 <template>
   <NavbarLayout>
-    <DsPageHeading v-if="installation" :title="installation.installation_name">
+    <DsPageHeading v-if="installation" :title="installation.installation_name" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>
@@ -64,7 +64,7 @@ onUnmounted(() => {
         </BreadcrumbList>
       </Breadcrumb>
     </DsPageHeading>
-    <DsPageHeading v-else :title="t('mcpInstallations.title')">
+    <DsPageHeading v-else :title="t('mcpInstallations.title')" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>

services/frontend/src/views/mcp-server/installation/[id]/information.vue

@@ -41,7 +41,7 @@ onUnmounted(() => {
 
 <template>
   <NavbarLayout>
-    <DsPageHeading v-if="installation" :title="installation.installation_name">
+    <DsPageHeading v-if="installation" :title="installation.installation_name" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>
@@ -58,7 +58,7 @@ onUnmounted(() => {
         </BreadcrumbList>
       </Breadcrumb>
     </DsPageHeading>
-    <DsPageHeading v-else :title="t('mcpInstallations.title')">
+    <DsPageHeading v-else :title="t('mcpInstallations.title')" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>

services/frontend/src/views/mcp-server/installation/[id]/mcp-tools.vue

@@ -47,7 +47,7 @@ onUnmounted(() => {
 
 <template>
   <NavbarLayout>
-    <DsPageHeading v-if="installation" :title="installation.installation_name">
+    <DsPageHeading v-if="installation" :title="installation.installation_name" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>
@@ -64,7 +64,7 @@ onUnmounted(() => {
         </BreadcrumbList>
       </Breadcrumb>
     </DsPageHeading>
-    <DsPageHeading v-else :title="t('mcpInstallations.title')">
+    <DsPageHeading v-else :title="t('mcpInstallations.title')" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>

services/frontend/src/views/mcp-server/installation/[id]/requests.vue

@@ -42,7 +42,7 @@ onUnmounted(() => {
 
 <template>
   <NavbarLayout>
-    <DsPageHeading v-if="installation" :title="installation.installation_name">
+    <DsPageHeading v-if="installation" :title="installation.installation_name" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>
@@ -59,7 +59,7 @@ onUnmounted(() => {
         </BreadcrumbList>
       </Breadcrumb>
     </DsPageHeading>
-    <DsPageHeading v-else :title="t('mcpInstallations.title')">
+    <DsPageHeading v-else :title="t('mcpInstallations.title')" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>

services/frontend/src/views/mcp-server/installation/[id]/team-config.vue

@@ -55,7 +55,7 @@ onUnmounted(() => {
 
 <template>
   <NavbarLayout>
-    <DsPageHeading v-if="installation" :title="installation.installation_name">
+    <DsPageHeading v-if="installation" :title="installation.installation_name" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>
@@ -72,7 +72,7 @@ onUnmounted(() => {
         </BreadcrumbList>
       </Breadcrumb>
     </DsPageHeading>
-    <DsPageHeading v-else :title="t('mcpInstallations.title')">
+    <DsPageHeading v-else :title="t('mcpInstallations.title')" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>

services/frontend/src/views/mcp-server/installation/[id]/user-config.vue

@@ -47,7 +47,7 @@ onUnmounted(() => {
 
 <template>
   <NavbarLayout>
-    <DsPageHeading v-if="installation" :title="installation.installation_name">
+    <DsPageHeading v-if="installation" :title="installation.installation_name" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>
@@ -64,7 +64,7 @@ onUnmounted(() => {
         </BreadcrumbList>
       </Breadcrumb>
     </DsPageHeading>
-    <DsPageHeading v-else :title="t('mcpInstallations.title')">
+    <DsPageHeading v-else :title="t('mcpInstallations.title')" :show-border="false">
       <Breadcrumb>
         <BreadcrumbList>
           <BreadcrumbItem>