fix(docs-site): use withBase() for public asset refs in Vue components

Rollup treats hardcoded /sap-devs-cli/*.png paths as module imports
during SSR build, causing the build to fail. Using VitePress's
withBase() defers path resolution to runtime.

Author: jung-thomas

docs-site/.vitepress/theme/components/FioriHome.vue

@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { withBase } from 'vitepress'
+
 const features = [
   { icon: 'sap-icon--action-settings', title: 'Inject', desc: 'Push SAP context into Claude, Cursor, Copilot', link: '/sap-devs-cli/guide/user-guide' },
   { icon: 'sap-icon--connected', title: 'MCP Server', desc: '31 live tools for AI agents', link: '/sap-devs-cli/developer/mcp-server' },
@@ -23,7 +25,7 @@ const features = [
           </div>
         </div>
         <div class="hero__logo">
-          <img src="/sap-devs-cli/mascot.png" alt="sap-devs mascot" class="hero__mascot" />
+          <img :src="withBase('/mascot.png')" alt="sap-devs mascot" class="hero__mascot" />
         </div>
       </div>
     </section>

docs-site/.vitepress/theme/components/FioriShellbar.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useData } from 'vitepress'
+import { useData, withBase } from 'vitepress'
 
 declare const __APP_VERSION__: string
 
@@ -21,9 +21,9 @@ function openSearch() {
 <template>
   <div class="fd-shellbar" role="banner">
     <div class="fd-shellbar__group fd-shellbar__group--product">
-      <a href="/sap-devs-cli/" class="fd-shellbar__branding" aria-label="Home">
+      <a :href="withBase('/')" class="fd-shellbar__branding" aria-label="Home">
         <span class="fd-shellbar__logo">
-          <img src="/sap-devs-cli/favicon.png" alt="sap-devs" width="24" height="24" />
+          <img :src="withBase('/favicon.png')" alt="sap-devs" width="24" height="24" />
         </span>
         <span class="fd-shellbar__title">sap-devs</span>
       </a>