update: add print-btn

src/widgets/transactions-table/ui/transactions-table-header.tsx

@@ -1,6 +1,6 @@
 import { format } from 'date-fns';
 import { ru } from 'date-fns/locale';
-import { CalendarIcon, X } from 'lucide-react';
+import { CalendarIcon, Printer, X } from 'lucide-react';
 import { Dispatch, SetStateAction } from 'react';
 
 import { useTextController } from '@/shared/language/hooks/use-text-controller';
@@ -30,11 +30,30 @@ export const TransactionsTableHeader = ({
 
   return (
     <div className='flex flex-col items-start justify-between gap-4 md:flex-row md:items-center'>
+      <div className='flex items-center justify-between max-md:w-full'>
         <h2 className='text-2xl font-bold'>
           {t('corporate.transactions.title')}
         </h2>
+        <Button
+          size={'icon'}
+          variant={'outline'}
+          onClick={() => window.print()}
+          className='flex md:hidden'
+        >
+          <Printer />
+        </Button>
+      </div>
+
+      <div className='flex w-full flex-col justify-center gap-4 md:w-auto md:flex-row'>
+        <Button
+          size={'icon'}
+          variant={'outline'}
+          onClick={() => window.print()}
+          className='hidden md:flex'
+        >
+          <Printer />
+        </Button>
 
-      <div className='flex w-full flex-col gap-4 md:w-auto md:flex-row'>
         <div className='grid gap-2 sm:grid-cols-2'>
           <div className='flex items-center gap-2'>
             <Label htmlFor='start-date'>