Extracted the button into own component

flightscore/src/components/footer-bar.ts

@@ -1,6 +1,7 @@
 import { LitElement, html, css, unsafeCSS } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import styles from './footer-bar.css?inline';
+import './ui-link';
 
 @customElement('footer-bar')
 export class FooterBar extends LitElement {
@@ -12,9 +13,9 @@ export class FooterBar extends LitElement {
     return html`
       <footer>
         <div class="center">
-          <a href="/privacy" @click=${(e: Event) => e.preventDefault()}>Privacy</a>
-          <a href="/imprint" @click=${(e: Event) => e.preventDefault()}>Imprint</a>
-          <a href="/contact" @click=${(e: Event) => e.preventDefault()}>Contact</a>
+          <ui-link href="/privacy">Privacy</ui-link>
+          <ui-link href="/imprint">Imprint</ui-link>
+          <ui-link href="/contact">Contact</ui-link>
         </div>
         <div class="right">
           <span>© ${year} Jan Meinl</span>