fix: make base in astro config work

src/components/widget/Profile.astro

@@ -2,11 +2,12 @@
 import ImageWrapper from "../misc/ImageWrapper.astro";
 import {Icon} from "astro-icon/components";
 import {profileConfig} from "../../config";
+import {url} from "../../utils/url-utils";
 
 const config = profileConfig;
 ---
 <div class="card-base">
-    <a aria-label="Go to About Page" href="/about"
+    <a aria-label="Go to About Page" href={url('/about/')}
        class="group block relative mx-auto mt-4 lg:mx-3 lg:mt-3 mb-3
        max-w-[240px] lg:max-w-none overflow-hidden rounded-xl active:scale-95">
         <div class="absolute transition pointer-events-none group-hover:bg-black/30 group-active:bg-black/50

src/components/widget/Tags.astro

@@ -5,6 +5,7 @@ import ButtonTag from "../control/ButtonTag.astro";
 import {getTagList} from "../../utils/content-utils";
 import {i18n} from "../../i18n/translation";
 import I18nKey from "../../i18n/i18nKey";
+import {url} from "../../utils/url-utils";
 
 const tags = await getTagList();
 
@@ -23,7 +24,7 @@ const style = Astro.props.style
 <WidgetLayout name={i18n(I18nKey.tags)} id="tags" isCollapsed={isCollapsed} collapsedHeight={COLLAPSED_HEIGHT} class={className} style={style}>
     <div class="flex gap-2 flex-wrap">
         {tags.map(t => (
-            <ButtonTag href={`/archive/tag/${t.name}`} label={`View all posts with the ${t.name} tag`}>
+            <ButtonTag href={url(`/archive/tag/${t.name}/`)} label={`View all posts with the ${t.name} tag`}>
                 {t.name}
             </ButtonTag>
         ))}