fix: Fix alignment for desktop footer (#2)

* docs: Update to the new vscode settings

* fix: Fix aligment of desktop footer

* style: Remove unecessary css properties

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
+    "source.fixAll.eslint": "explicit"
   }
 }

src/global-components/footer/footer.scss

@@ -3,12 +3,11 @@
   white-space: pre-wrap;
   display: flex;
   justify-content: center;
-    a {
-      font-family: 'Proxima Nova';
-      font-style: normal;
-      font-weight: 700;
-      font-size: 18px;
-      line-height: 18px;
-      color: #DCE6EA;
-    }
+
+  a {
+    font-family: 'Proxima Nova';
+    font-weight: 700;
+    font-size: 18px;
+    color: #DCE6EA;
   }
+}

src/global-components/footer/footer.tsx

@@ -1,9 +1,10 @@
 import './footer.scss'
 
-const footerLinkAbout = <a href="https://pyronear.org/" target="_blank" rel="noopener noreferrer">à propos de Pyronear</a>
+const footerLinkAbout = <a href="https://pyronear.org/" target="_blank" rel="noopener noreferrer">À propos de Pyronear</a>
 const footerLinkWebsite = <a href="https://pyronear.org/" target="_blank" rel="noopener noreferrer">Site web</a>
-const footerLinkLegalMentions = <a href="https://pyronear.org/" target="_blank" rel="noopener noreferrer">mentions légales</a>
-const separator = <p> - </p>
+const footerLinkLegalMentions = <a href="https://pyronear.org/" target="_blank" rel="noopener noreferrer">Mentions légales</a>
+const separator = ' - '
 
 export const Footer = (): JSX.Element =>
-    <div id="footer">{footerLinkAbout}{separator}{footerLinkWebsite}{separator}{footerLinkLegalMentions}</div>
+    <div id="footer">
+        <p>{footerLinkAbout}{separator}{footerLinkWebsite}{separator}{footerLinkLegalMentions}</p></div>