fix: garden ui polish - form styles, back nav, species dropdown, upload limit

src/app/garden/containers/new/page.tsx

@@ -14,7 +14,23 @@ export default function NewContainerPage() {
 
   return (
     <div className="page-content max-w-lg">
-      <h1 className="page-title">New container</h1>
+      <div className="flex items-center gap-3 mb-1">
+        <a href="/garden" className="btn btn-ghost btn-icon" aria-label="Back to garden">
+          <svg
+            width="16"
+            height="16"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <polyline points="15 18 9 12 15 6" />
+          </svg>
+        </a>
+        <h1 className="page-title">New container</h1>
+      </div>
       <form action={handleCreate} className="flex flex-col gap-4 mt-4">
         <div className="flex flex-col gap-1">
           <label htmlFor="name" className="text-sm font-medium">

src/app/garden/plants/new/page.tsx

@@ -11,7 +11,23 @@ export default async function NewPlantPage({
 
   return (
     <div className="page-content max-w-xl">
-      <h1 className="page-title">Add Plant</h1>
+      <div className="flex items-center gap-3 mb-1">
+        <a href="/garden" className="btn btn-ghost btn-icon" aria-label="Back to garden">
+          <svg
+            width="16"
+            height="16"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          >
+            <polyline points="15 18 9 12 15 6" />
+          </svg>
+        </a>
+        <h1 className="page-title">Add Plant</h1>
+      </div>
       <PlantForm containers={containers} defaultContainerId={params.containerId ?? null} />
     </div>
   );