si table connected to backend

src/widgets/history/ui/historyPage.tsx

@@ -4,18 +4,35 @@ import { useTranslations } from 'next-intl';
 import { useHistory } from '../lib/useHistory';
 import { HistoryTable } from './historyTable';
 import { Pagination } from './pagination';
+import Link from 'next/link';
+import { Plus } from 'lucide-react';
+import { usePathname } from '@/shared/config/i18n/navigation';
 
 // ─── Page Header ───────────────────────────────────────────────────────────────
 
 const PageHeader: React.FC = () => {
   const t = useTranslations('HistoryPage');
-
+  const pathname = usePathname();
   return (
-    <div className="mb-6">
-      <h1 className="text-2xl font-semibold text-slate-900 tracking-tight">
-        {t('title')}
-      </h1>
-      <p className="mt-1 text-sm text-slate-500">{t('description')}</p>
+    <div className="flex items-center gap-2 justify-between">
+      <div className="mb-6">
+        <h1 className="text-2xl font-semibold text-slate-900 tracking-tight">
+          {t('title')}
+        </h1>
+        <p className="mt-1 text-sm text-slate-500">{t('description')}</p>
+      </div>
+      <Link
+        href={'/plagat'}
+        className={`${pathname === '/cabinet' ? 'flex' : 'hidden'} 
+          items-center gap-2 px-2 py-1 group relative overflow-hidden rounded-sm bg-linear-to-br 
+          from-blue-500 to-blue-600 text-left shadow-md hover:shadow-xl transition-all duration-200 
+          hover:-translate-y-0.5 active:translate-y-0 active:shadow-md`}
+      >
+        <Plus size={15} className="text-white" />
+        <h3 className="text-white font-semibold text-base">
+          Plagiat tekshiruvi
+        </h3>
+      </Link>
     </div>
   );
 };