Fix: Favicon, Year input, Header mobile

Author: dheidemann

frontend/app/favicon.ico

@@ -20,7 +20,7 @@ import {
   User,
 } from "lucide-react";
 import React, { useEffect, useState } from "react";
-import z from "zod";
+import { z } from "zod";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import {
@@ -208,7 +208,7 @@ export default function DeckDialog({ trigger, deck }: DeckDialogProps) {
   return (
     <Dialog open={open} onOpenChange={setOpen}>
       <DialogTrigger asChild>{trigger}</DialogTrigger>
-      <DialogContent>
+      <DialogContent className="h-[77vh] overflow-y-auto">
         <DialogHeader>
           <DialogTitle>
             Anki Stapel {isEditing ? "bearbeiten" : "einreichen"}
@@ -344,8 +344,11 @@ export default function DeckDialog({ trigger, deck }: DeckDialogProps) {
                           placeholder={new Date().getFullYear().toString()}
                           className="w-[85px]"
                           type="number"
-                          maxLength={4}
+                          max={9999}
                           {...field}
+                          onChange={(e) =>
+                            field.onChange(Number(e.target.value))
+                          }
                         />
                       </FormControl>
                       <FormMessage />

frontend/components/dialogs/deck/deck-dialog.tsx

@@ -9,9 +9,12 @@ import Image from "next/image";
 import { Tooltip, TooltipContent, TooltipTrigger } from "./ui/tooltip";
 import { useAuth } from "./providers/auth-provider";
 import { Separator } from "@radix-ui/react-separator";
+import { useIsMobile } from "@/hooks/use-mobile";
 
 export default function Header() {
   const { isAuthenticated, logout } = useAuth();
+  const isMobile = useIsMobile();
+
   return (
     <div className="justify-between z-20 fixed w-screen h-fit flex items-center p-5 dark:bg-black/30 light:bg-white/30 backdrop-blur-md border-b-[1px]">
       <Link href="/" className="flex flex-row items-center gap-x-2">
@@ -23,7 +26,7 @@ export default function Header() {
           sizes="100vw"
           className="h-8 w-auto flex-shrink-0"
         />
-        <p className="text-xl">Stapel</p>
+        {!isMobile && <p className="text-xl">Stapel</p>}
       </Link>
       <div className="flex flex-row gap-x-4 items-center">
         <DeckDialog