fix(yir): prevent layout shifts in title section before profile loads

Author: seferturan

projects/client/src/lib/sections/yir/_internal/YirTitleSection.svelte

@@ -52,8 +52,8 @@
   </div>
   <div class="yir-titles-wrapper">
     <div class="yir-titles">
-      {#if $profile}
-        <div class="yir-user">
+      <div class="yir-user">
+        {#if $profile}
           <span class="yir-avatar-link">
             <UserAvatar user={$profile} size="large" />
           </span>
@@ -62,9 +62,9 @@
               {$profile.name.full || $profile.username}
             </Link>
           </span>
-        </div>
-        <div class="yir-under-user"></div>
-      {/if}
+        {/if}
+      </div>
+      <div class="yir-under-user"></div>
 
       <h1 class="yir-year" class:is-text={isAllTime}>
         {isAllTime ? m.yir_label_all_time() : year}
@@ -181,6 +181,11 @@
     display: inline-flex;
     align-items: center;
     gap: var(--ni-10);
+    min-height: var(--ni-40);
+
+    @include for-mobile {
+      min-height: var(--ni-30);
+    }
   }
 
   .yir-avatar-link {