Add SEO to layout and invoice. Adding images missing from initial clone of the project.

app/dashboard/invoices/page.tsx

@@ -1,4 +1,5 @@
 import { Suspense } from "react";
+import { Metadata } from "next";
 import Pagination from "@/app/ui/invoices/pagination";
 import Search from "@/app/ui/search";
 import Table from "@/app/ui/invoices/table";
@@ -7,6 +8,10 @@ import { lusitana } from "@/app/ui/fonts";
 import { InvoicesTableSkeleton } from "@/app/ui/skeletons";
 import { fetchInvoicesPages } from "@/app/lib/data";
 
+export const metadata: Metadata = {
+	title: 'Invoices',
+}
+
 export default async function Page({
 	searchParams,
 }: {

app/layout.tsx

@@ -1,6 +1,13 @@
+import { Metadata } from 'next';
 import '@/app/ui/global.css';
 import { inter } from '@/app/ui/fonts';
 
+export const metadata: Metadata = {
+  title: '%s | Acme Dashboard',
+  description: 'The official Next.js Course Dashboard, build with App Router.',
+  metadataBase: new URL('https://next-learn-dashboard.vercel.sh'),
+}
+
 export default function RootLayout({
   children,
 }: {