карточки редизайн

src/page/TemplatesOverviewPage.tsx

@@ -130,7 +130,7 @@ export const TemplatesOverviewPage = () => {
         <header className="flex items-center gap-2 border-b px-4 py-2">
           <SidebarTrigger />
           <Separator orientation="vertical" className="mr-2 h-4" />
-          <h1 className="text-lg font-semibold">Шаблоны</h1>
+          <h1 className="text-lg font-semibold">Карточки протоколов</h1>
 
           <div className="ml-auto flex items-center gap-2">
             {selectionMode && (
@@ -263,8 +263,8 @@ export const TemplatesOverviewPage = () => {
 
           <section
             className={clsx(
-              'grid gap-6',
-              'grid-cols-1 md:grid-cols-2 lg:grid-cols-3'
+              'grid gap-4',
+              'grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5'
             )}
           >
             {filteredTemplates.map(t => (