fix(HeaderOsVersion): adjust top margin for header component (#1485)

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **Style**
  * Increased top margin in the OS version header for improved spacing.
* Updated user profile container to use padding instead of margin for
better layout consistency.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

Author: zackspear

web/components/HeaderOsVersion.ce.vue

@@ -78,7 +78,7 @@ const updateOsStatus = computed(() => {
 </script>
 
 <template>
-  <div class="flex flex-col gap-y-2 mt-2">
+  <div class="flex flex-col gap-y-2 mt-6">
     <a
       :href="unraidLogoHeaderLink.href"
       :title="unraidLogoHeaderLink.title"

web/components/UserProfile.ce.vue

@@ -100,7 +100,7 @@ onMounted(() => {
 <template>
   <div
     id="UserProfile"
-    class="text-foreground relative z-20 flex flex-col h-full gap-y-1 mt-2 mr-2"
+    class="text-foreground relative z-20 flex flex-col h-full gap-y-1 pt-2 pr-2"
   >
     <div
       v-if="bannerGradient"