Improve native loader UI, spacing and font size (#5129)

<!-- Thank you for submitting a Pull Request and helping to improve Home
Assistant. Please complete the following sections to help the processing
and review of your changes. Please do not delete anything from this
template. -->

## Summary
<!-- Provide a brief summary of the changes you have made and most
importantly what they aim to achieve -->

## Screenshots
<!-- If this is a user-facing change not in the frontend, please include
screenshots in light and dark mode. -->

## Link to pull request in Documentation repository
<!-- Pull requests that add, change or remove functionality must have a
corresponding pull request in the Companion App Documentation repository
(https://github.com/home-assistant/companion.home-assistant). Please add
the number of this pull request after the "#" -->
Documentation: home-assistant/companion.home-assistant#

## Any other notes
<!-- If there is any other information of note, like if this Pull
Request is part of a bigger change, please include it here. -->

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>

Author: bgoncal

Sources/App/Frontend/WebView/Views/HomeAssistantStandByView.swift

@@ -141,7 +141,7 @@ struct HomeAssistantStandByView: View {
         if emptyState == nil {
             HAProgressView()
                 .transition(.opacity)
-                .padding(.bottom, DesignSystem.Spaces.ten)
+                .padding(.bottom, DesignSystem.Spaces.eighteen)
         }
     }
 
@@ -185,7 +185,8 @@ struct HomeAssistantStandByView: View {
     private var currentServerPillContent: some View {
         HStack(spacing: DesignSystem.Spaces.one) {
             Text(server.info.name)
-                .font(.caption.bold())
+                .font(.headline)
+                .foregroundStyle(.secondary)
                 .lineLimit(1)
                 .padding(.horizontal, DesignSystem.Spaces.two)
                 .frame(height: Self.serverPillHeight)
@@ -207,7 +208,7 @@ struct HomeAssistantStandByView: View {
     private var connectionTypeIndicator: some View {
         Button(action: showConnectionTypeToast) {
             Image(systemSymbol: connectionTypeIndicatorIcon)
-                .font(.caption2.bold())
+                .font(.headline)
                 .foregroundStyle(Color.haPrimary)
                 .frame(width: Self.serverPillHeight, height: Self.serverPillHeight)
                 .modify { view in

Sources/HADesignSystem/Sources/Tokens/DesignSystem.swift

@@ -44,6 +44,14 @@ public enum DesignSystem {
         public static let eight: CGFloat = 64
         public static let nine: CGFloat = 72
         public static let ten: CGFloat = 80
+        public static let eleven: CGFloat = 88
+        public static let twelve: CGFloat = 96
+        public static let thirteen: CGFloat = 104
+        public static let fourteen: CGFloat = 112
+        public static let fifteen: CGFloat = 120
+        public static let sixteen: CGFloat = 128
+        public static let seventeen: CGFloat = 136
+        public static let eighteen: CGFloat = 144
     }
 
     public enum CornerRadius {