style(container): make container smaller, easier to read

frontend/src/routes/cover/$coverId.tsx

@@ -61,8 +61,11 @@ function RouteComponent() {
 
     return (
         <Authorised>
-            <div className="flex items-center gap-4 mb-8 md:justify-between">
-                <h1 className="text-2xl font-semibold">{cover.data?.cover.name || "Loading..."}</h1>
+            <div className="max-w-4xl mx-auto">
+                <div className="flex max-md:flex-col items-center gap-4 mb-8 md:justify-between">
+                    <h1 className="text-2xl max-md:text-center font-semibold">
+                        {cover.data?.cover.name || "Loading..."}
+                    </h1>
 
                     <div className="space-x-2">
                         <Button
@@ -96,6 +99,7 @@ function RouteComponent() {
                         />
                     )}
                 </div>
+            </div>
         </Authorised>
     );
 }