Reduce channel profile hero sizing on mobile

views/channel-profile.html

@@ -18,7 +18,7 @@
     >
       <div class="flex items-center">
         <div
-          class="h-16 w-16 overflow-hidden rounded-full border-2 border-border-translucent-bright"
+          class="h-[3.2rem] w-[3.2rem] overflow-hidden rounded-full border-2 border-border-translucent-bright sm:h-16 sm:w-16"
         >
           <img
             id="channelAvatar"
@@ -28,8 +28,8 @@
           />
         </div>
         <div class="ml-4 text-text">
-          <h2 id="channelName" class="text-xl font-bold">User Name</h2>
-          <p id="channelNpub" class="text-sm opacity-80">npub...</p>
+          <h2 id="channelName" class="text-base font-bold sm:text-xl">User Name</h2>
+          <p id="channelNpub" class="text-[0.7rem] opacity-80 sm:text-sm">npub...</p>
         </div>
       </div>
       <div class="flex flex-col items-end gap-3 self-start sm:self-end">