style(locker): increase wardrobe tooltip text size and use dark theme

- Change tooltip background from bg-foreground to bg-popover (dark)
- Increase text size from text-xs to text-sm
- Add border border-border for subtle definition
- Use font-semibold for slot name label

src/components/frontend/locker/Wardrobe.tsx

@@ -110,9 +110,13 @@ export function Wardrobe({
                   {asset ? getAssetIcon(asset.assetType, "size-3.5") : slotIcon(layout.icon, false)}
                 </button>
               </TooltipTrigger>
-              <TooltipContent side="right" sideOffset={8}>
+              <TooltipContent
+                side="right"
+                sideOffset={8}
+                className="bg-popover text-popover-foreground border border-border text-sm px-3.5 py-2"
+              >
                 <div className="flex flex-col gap-0.5">
-                  <span className="font-medium">{layout.label}</span>
+                  <span className="font-semibold">{layout.label}</span>
                   <span className="text-muted-foreground">
                     {asset ? asset.name : "Empty"}
                   </span>