Fixes footer layout

src/BlazorApp/Components/Layout/Footer.razor

@@ -4,10 +4,14 @@
     <footer>
         <div class="footer-container">
             <div class="footer-content">
-                <SocialIcons/>
+                <a href="/privacy-policy"
+                   class="footer-link">Privacy Policy</a>
+
                 <p class="footer-text">
                     &copy; @DateTime.Now.Year Beau Findlay. All rights reserved.
                 </p>
+
+                <SocialIcons/>
             </div>
         </div>
     </footer>

src/BlazorApp/wwwroot/css/components.css

@@ -304,12 +304,18 @@ body:has(.menu-toggle:checked) {
     display: flex;
     flex-direction: column;
     align-items: center;
-    gap: var(--space-4);
+    gap: var(--space-2);
+}
+
+.page-footer .footer-link {
+    font-size: var(--font-size-xs);
+    color: var(--color-slate-50);
+    text-decoration: underline;
+    text-underline-offset: 2px;
 }
 
 .page-footer .footer-text {
     font-size: var(--font-size-xs);
-    line-height: 1.25;
     color: var(--color-slate-50);
     margin-bottom: 0;
 }
@@ -317,13 +323,7 @@ body:has(.menu-toggle:checked) {
 @media (min-width: 768px) {
     .page-footer .footer-content {
         flex-direction: row;
-        align-items: center;
         justify-content: space-between;
-        gap: 0;
-    }
-
-    .page-footer .footer-text {
-        order: 1;
     }
 }