fix(app): improve Footer html structure (#449)

Improve Footer html structure

Author: grzegorzpokorski

apps/app/src/components/Footer.tsx

@@ -4,16 +4,28 @@ import { Container } from "./Container";
 export const Footer = () => (
 	<footer className="bg-primary">
 		<Container className="flex items-center justify-center py-5 sm:justify-end">
-			<nav className="flex flex-wrap justify-center gap-y-4 gap-x-7 text-sm text-white">
-				<Link href="/about">Jak korzystać?</Link>
-				<Link href="/regulations">Regulamin</Link>
-				<Link href="/authors">Autorzy</Link>
-				<a href="https://www.facebook.com/DevFAQ" target="_blank" rel="noreferrer">
-					Facebook
-				</a>
-				<a href="https://typeofweb.com" target="_blank" rel="noreferrer">
-					Type of Web
-				</a>
+			<nav className="flex text-sm text-white">
+				<ul className="flex list-none flex-wrap justify-center gap-y-4 gap-x-7">
+					<li>
+						<Link href="/about">Jak korzystać?</Link>
+					</li>
+					<li>
+						<Link href="/regulations">Regulamin</Link>
+					</li>
+					<li>
+						<Link href="/authors">Autorzy</Link>
+					</li>
+					<li>
+						<a href="https://www.facebook.com/DevFAQ" target="_blank" rel="noreferrer">
+							Facebook
+						</a>
+					</li>
+					<li>
+						<a href="https://typeofweb.com" target="_blank" rel="noreferrer">
+							Type of Web
+						</a>
+					</li>
+				</ul>
 			</nav>
 		</Container>
 	</footer>