Fix lint:tailwind-brackets errors by using design tokens

Replaced arbitrary Tailwind values with standard design tokens in HTML files to pass the linting checks:
- `components/upload-modal.html`: Replaced `text-[10px]` with `text-4xs` (approx. 10.4px).
- `views/channel-profile.html`: Replaced `max-sm:text-[0.7rem]` with `max-sm:text-2xs` (0.7rem).
- `views/channel-profile.html`: Replaced `max-sm:h-[3.2rem]` and `max-sm:w-[3.2rem]` with `max-sm:h-12` and `max-sm:w-12` (standard 3rem/48px spacing).

views/channel-profile.html

@@ -24,7 +24,7 @@
         ></div>
         <div class="flex items-center">
           <div
-            class="h-16 w-16 overflow-hidden rounded-full border-2 border-border-translucent-bright max-sm:h-[3.2rem] max-sm:w-[3.2rem]"
+            class="h-16 w-16 overflow-hidden rounded-full border-2 border-border-translucent-bright max-sm:h-12 max-sm:w-12"
           >
             <img
               id="channelAvatar"
@@ -35,7 +35,7 @@
         </div>
           <div class="ml-4 text-text">
             <h2 id="channelName" class="text-xl font-bold max-sm:text-base">User Name</h2>
-            <p id="channelNpub" class="text-sm opacity-80 max-sm:text-[0.7rem]">npub...</p>
+            <p id="channelNpub" class="text-sm opacity-80 max-sm:text-2xs">npub...</p>
           </div>
         </div>
       </div>