fix: apply all PR review feedback - deduplication, spelling, link fixes, 403 corrections

Agent-Logs-Url: https://github.com/codebuilderinc/codebuilder-frontend/sessions/16c5a567-7235-4e88-a5dd-3207d6f98425

Co-authored-by: digitalnomad91 <2067771+digitalnomad91@users.noreply.github.com>

Author: Copilot

package-lock.json

@@ -11,9 +11,9 @@ const ASCII = [
   ' \\______)___/ \\____|\\____)______/ \\____|_|_|\\____|\\____)_| (_)_|\\___/ ',
 ]
 
-const PROMPT = "404. The page you requested cannot be found right now. Try typing 'hack the world'."
+const PROMPT = "403. Access denied. Try typing 'hack the world'."
 const MATRIX_TEXT =
-  'You are a slave. Like everyone else, you were born into bondage, born into a prison that you cannot smell or taste or touch. A prison...for your mind....Unfortunatly, no one can be..._told_ what the Matrix is...you have to see it for yourself.'
+  'You are a slave. Like everyone else, you were born into bondage, born into a prison that you cannot smell or taste or touch. A prison...for your mind....Unfortunately, no one can be..._told_ what the Matrix is...you have to see it for yourself.'
 
 export default function FourOhThreePage() {
   const [input, setInput] = useState('')
@@ -103,7 +103,7 @@ export default function FourOhThreePage() {
       const value = input.trim().toLowerCase()
 
       if (value === 'hack the world') {
-        setLines((prev) => [...prev])
+        setLines((prev) => [...prev, input])
         setInput('')
         setCurrentOutput('')
         setIsTyping(true)

src/app/403/page.tsx

@@ -1,84 +1,5 @@
-'use client'
+import { AdminTimePage } from '@/components/admin/time/admin-time-page'
 
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faPlus } from '@fortawesome/free-solid-svg-icons'
-import { AdminLayout } from '@/components/admin/admin-layout'
-import { ActionButton, Separator } from '@/components/breadcrumbs'
-
-const timesheets = [
-  {
-    date: 'November 02nd, 2024',
-    time: '9:00 AM - 1:30 PM',
-    hours: '4.50 hrs',
-    user: 'Andrew Corbin',
-    client: 'ACME Product Team',
-    firm: 'ACME Labs LLC',
-    description:
-      'Polish invoice payment UX, fix edge cases in router transition handling, and review responsive behavior.',
-  },
-  {
-    date: 'October 28th, 2024',
-    time: '2:15 PM - 6:00 PM',
-    hours: '3.75 hrs',
-    user: 'Tom Goodrie',
-    client: 'Northgrid Studio',
-    firm: 'Northgrid Studio',
-    description: 'Review sitemap IA, implement content page scaffolding, and prep migration notes for API transition.',
-  },
-]
-
-export default function AdminTimePage() {
-  return (
-    <AdminLayout title="Timesheets" breadcrumbLabel="Timesheets">
-      <div className="border border-[#ececec] rounded bg-white shadow-[0_8px_24px_rgba(0,0,0,0.04)] p-6 lg:p-8">
-        <div className="flex flex-col gap-4 md:flex-row md:items-start md:justify-between">
-          <h1 className="text-[34px] font-normal leading-[1.15] text-[#2a2a2a]">Timesheets</h1>
-          <ActionButton href="/admin/time" variant="primary">
-            <FontAwesomeIcon icon={faPlus} />
-            <span>New</span>
-          </ActionButton>
-        </div>
-        <Separator />
-        <div className="overflow-x-auto">
-          <table className="w-full min-w-[880px] text-left text-[14px]">
-            <thead>
-              <tr className="border-b border-[#ececec] text-[#555]">
-                {['Date', 'Hours', 'User', 'Client', 'Description', ''].map((header) => (
-                  <th key={header} className="px-4 py-3">
-                    {header}
-                  </th>
-                ))}
-              </tr>
-            </thead>
-            <tbody>
-              {timesheets.map((row) => (
-                <tr key={`${row.date}-${row.user}`} className="border-b border-[#f3f3f3] text-[#666]">
-                  <td className="px-4 py-4">
-                    <div className="text-center">
-                      {row.date}
-                      <br />
-                      <small>({row.time})</small>
-                    </div>
-                  </td>
-                  <td className="px-4 py-4 font-semibold">{row.hours}</td>
-                  <td className="px-4 py-4">{row.user}</td>
-                  <td className="px-4 py-4">
-                    {row.client}
-                    <br />
-                    <small>{row.firm}</small>
-                  </td>
-                  <td className="px-4 py-4">
-                    <textarea className="h-[150px] w-full rounded-[3px] border border-[#ddd] px-3 py-2 text-[13px] outline-none">
-                      {row.description}
-                    </textarea>
-                  </td>
-                  <td className="px-4 py-4 text-center text-[#c46]">Delete</td>
-                </tr>
-              ))}
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </AdminLayout>
-  )
+export default function AdminTimeRoutePage() {
+  return <AdminTimePage />
 }