refactor(timesheet): align page header with workspace views

src/pages/Timesheet.tsx

@@ -2156,10 +2156,11 @@ export default function Timesheet() {
 
   return (
     <div className="flex min-h-[calc(100vh-73px)] flex-col bg-slate-100/70 p-4 dark:bg-slate-900">
-      <div className="mb-4 flex items-center justify-between">
-        <h1 className="text-sm font-semibold uppercase tracking-[0.18em] text-slate-500 dark:text-slate-400">
-          {t.timesheet?.title || "Timesheet"}
-        </h1>
+      <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center mb-8 gap-4">
+        <div>
+          <h1 className="text-2xl font-bold text-slate-900 dark:text-white">{t.timesheet?.title || 'Timesheets'}</h1>
+          <p className="text-slate-500 dark:text-slate-400 mt-1">{t.timesheet?.description(activeWorkspace?.name || "-") || 'Manage your Timesheet'}</p>
+        </div>
       </div>
 
       <div