Update to make all links look the same

frontend/src/components/shared/Footer.tsx

@@ -1,4 +1,4 @@
-import { Flex } from '@mantine/core';
+import { Flex, Text } from '@mantine/core';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCookieConsent } from '../../hooks/useCookieConsent';
@@ -93,22 +93,11 @@ export default function Footer({
               {t('legal.accessibility', 'Accessibility')}
             </a>
           )}
-          {cookiePolicy && (
-            <a
-              className="footer-link px-3"
-              target="_blank"
-              rel="noopener noreferrer"
-              href={cookiePolicy}
-            >
-              {t('legal.cookie', 'Cookie Preferecences')}
-            </a>
-          )}
           {analyticsEnabled && (
             <button
               className="footer-link px-3"
               id="cookieBanner"
               onClick={showCookiePreferences}
-              style={{ border: 'none', background: 'none', cursor: 'pointer' }}
             >
               {t('legal.showCookieBanner', 'Cookie Preferences')}
             </button>
@@ -117,9 +106,9 @@ export default function Footer({
 
         {/* Powered by section */}
         <Flex justify="center" align="center" gap={"sm"} >
-          <span>{t('poweredBy', 'Powered by')} </span>
+          <Text fw={600}>{t('poweredBy', 'Powered by')} </Text>
           <a href="https://stirlingpdf.com" className="stirling-link">
-            Stirling PDF
+            Stirling
           </a>
         </Flex>
     </div>

frontend/src/index.css

@@ -11,3 +11,33 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
 }
+
+/* Footer link styling - make buttons and links look identical */
+.footer-link {
+  color: var(--mantine-color-blue-6);
+  text-decoration: none;
+  transition: color 0.2s ease;
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: inherit;
+  padding: 0;
+}
+
+.footer-link:hover {
+  color: var(--mantine-color-blue-8);
+  text-decoration: underline;
+}
+
+.stirling-link {
+  color: var(--mantine-color-blue-6);
+  text-decoration: none;
+  font-weight: 500;
+  transition: color 0.2s ease;
+}
+
+.stirling-link:hover {
+  color: var(--mantine-color-blue-8);
+  text-decoration: underline;
+}