fix: update tweet link structure to include profile path

Author: Abdallah-farag27

app/components/tweet/TweetDefaultCard.vue

@@ -110,7 +110,7 @@ function handleTweetClick() {
     class="border-b-border flex w-full max-w-[700px] cursor-pointer gap-3 border-b-1 p-2"
     @click.prevent.stop="handleTweetClick"
   >
-    <NuxtLink :to="`/profile/${props.tweet.author.username}`">
+    <NuxtLink :to="`/profile/${props.tweet.author.username}`" @click.stop>
       <Avatar
         :img="props.tweet.author.avatarUrl || '/default_profile.png'"
         size="sm"
@@ -122,7 +122,7 @@ function handleTweetClick() {
     <div class="min-w-0 flex-1">
       <!-- Header: display name, username, time -->
       <div class="flex flex-wrap items-center gap-x-1 text-sm">
-        <NuxtLink :to="`/profile/${props.tweet.author.username}`">
+        <NuxtLink :to="`/profile/${props.tweet.author.username}`" @click.stop>
           <span class="cursor-pointer font-semibold hover:underline">{{
             props.tweet.author.displayName
           }}</span>
@@ -143,7 +143,12 @@ function handleTweetClick() {
           <span v-if="seg.type === 'text'" class="inline">
             {{ seg.text }}
           </span>
-          <a v-else :href="seg.href" class="text-primary inline font-medium hover:underline">
+          <a
+            v-else
+            :href="seg.href"
+            class="text-primary inline font-medium hover:underline"
+            @click.stop
+          >
             {{ seg.text }}
           </a>
         </template>

app/utils/tweetLink.ts

@@ -1,5 +1,5 @@
 export function buildTweetLink(username: string, id: string, origin?: string): string {
   const base =
     origin !== undefined ? origin : typeof window !== 'undefined' ? window.location.origin : '';
-  return `${base}/${username}/status/${id}`;
+  return `${base}/profile/${username}/status/${id}`;
 }

test/unit/utils/tweetLink.spec.ts

@@ -10,21 +10,21 @@ describe('buildTweetLink', () => {
 
   it('uses provided origin when given', () => {
     const link = buildTweetLink('user', '1', 'https://example.com');
-    expect(link).toBe('https://example.com/user/status/1');
+    expect(link).toBe('https://example.com/profile/user/status/1');
   });
 
   it('falls back to window.location.origin when origin not provided and window exists', () => {
     (globalThis as unknown as { window?: { location: { origin: string } } }).window = {
       location: { origin: 'https://site.test' },
     };
     const link = buildTweetLink('me', '2');
-    expect(link).toBe('https://site.test/me/status/2');
+    expect(link).toBe('https://site.test/profile/me/status/2');
   });
 
   it('uses relative link when no origin provided and window is undefined', () => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     delete (globalThis as any).window;
     const link = buildTweetLink('ssr', '3');
-    expect(link).toBe('/ssr/status/3');
+    expect(link).toBe('/profile/ssr/status/3');
   });
 });