implemented bill deletion + var rename

app/bills/[id]/edit/not-found.tsx

@@ -1,18 +1,4 @@
-import Link from 'next/link';
-import { FaceFrownIcon } from '@heroicons/react/24/outline';
+import { NotFoundPage } from '@/app/ui/NotFoundPage';
  
-export default function NotFound() {
-  return (
-    <main className="flex h-full flex-col items-center justify-center gap-2">
-      <FaceFrownIcon className="w-10 text-gray-400" />
-      <h2 className="text-xl font-semibold">404 Bill Not Found</h2>
-      <p>Could not find the requested Bill.</p>
-      <Link
-        href="/"
-        className="mt-4 rounded-md bg-blue-500 px-4 py-2 text-sm text-white transition-colors hover:bg-blue-400"
-      >
-        Go Back
-      </Link>
-    </main>
-  );
-}
+export default () =>
+<NotFoundPage title="404 Bill Not Found" description="Could not find the requested Bill." />;