Edits based on feedback (#410)

* remove Link component from page. This will be added later

* re-add the Link component. Turns out is was supposed to be there

* replace flex-grow with the new utility grow

* issue: #415

* Add missing step

---------

Co-authored-by: Delba de Oliveira <[email protected]>
Co-authored-by: Delba de Oliveira <[email protected]>

Author: StephDietz

dashboard/final-example/app/dashboard/layout.tsx

@@ -6,7 +6,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
       <div className="w-full flex-none md:w-64">
         <SideNav />
       </div>
-      <div className="flex-grow p-6 md:overflow-y-auto md:p-12">{children}</div>
+      <div className="grow p-6 md:overflow-y-auto md:p-12">{children}</div>
     </div>
   );
 }

dashboard/final-example/app/ui/invoices/edit-form.tsx

@@ -73,6 +73,7 @@ export default function EditInvoiceForm({
                 name="amount"
                 type="number"
                 defaultValue={invoice.amount}
+                step="0.01"
                 placeholder="Enter USD amount"
                 className="peer block w-full rounded-md border border-gray-200 py-2 pl-10 text-sm outline-2 placeholder:text-gray-500"
                 aria-describedby="amount-error"

dashboard/starter-example/app/ui/invoices/edit-form.tsx

@@ -56,6 +56,7 @@ export default function EditInvoiceForm({
                 id="amount"
                 name="amount"
                 type="number"
+                step="0.01"
                 defaultValue={invoice.amount}
                 placeholder="Enter USD amount"
                 className="peer block w-full rounded-md border border-gray-200 py-2 pl-10 text-sm outline-2 placeholder:text-gray-500"