improved design

frontend/src/components/PageFooter.tsx

@@ -15,7 +15,7 @@ export const PageFooter = () => {
           <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
             <Typography
               level="title-sm"
-              className="text-slate-800 tracking-wide"
+              className="text-slate-800 tracking-wide sm:pr-4"
             >
               {t("footer-headline")}
               <Link
@@ -27,13 +27,13 @@ export const PageFooter = () => {
                 portfolio-theis.de
               </Link>
             </Typography>
-            <Typography level="body-sm" className="text-slate-500">
+            <div className="flex items-center justify-center sm:justify-end sm:flex-none">
               <img
                 src={qrCode}
                 alt="https://portfolio-theis.de/"
-                className="h-20 w-20 rounded-md border border-slate-200 object-contain"
+                className="h-20 w-20 shrink-0 rounded-md border border-slate-200 object-contain"
               />
-            </Typography>
+            </div>
           </div>
         </div>
       </Sheet>