fix: remove styled-components from project

cypress/support/index.ts

@@ -194,6 +194,7 @@ Cypress.Commands.addAll({
         if (description) {
             cy.get(getCommentIdQuery(id, ` ${commentFormDescription.query}`))
                 .should('exist')
+                .scrollIntoView()
                 .should('be.visible')
                 .focus()
                 .type('{selectall}{backspace}')

next.config.js

@@ -68,7 +68,6 @@ const nextConfig = {
                 ...config.resolve.alias,
                 react: path.resolve(__dirname, 'node_modules', 'react'),
                 'react-dom': path.resolve(__dirname, 'node_modules', 'react-dom'),
-                'styled-components': path.resolve(__dirname, 'node_modules', 'styled-components'),
             };
         }
 

package.json

@@ -49,7 +49,7 @@
     "@sentry/nextjs": "7.99.0",
     "@tanstack/react-query": "4.29.5",
     "@tanstack/react-query-devtools": "4.29.6",
-    "@taskany/bricks": "5.36.0",
+    "@taskany/bricks": "5.37.1",
     "@taskany/colors": "1.13.0",
     "@taskany/icons": "2.0.7",
     "@tippyjs/react": "4.2.6",
@@ -87,7 +87,6 @@
     "react-input-mask": "2.0.4",
     "react-remark": "2.1.0",
     "remark-emoji": "4.0.1",
-    "styled-components": "5.3.11",
     "throttle-debounce": "5.0.0",
     "tinykeys": "1.4.0",
     "zod": "3.22.4"
@@ -113,7 +112,6 @@
     "@types/react": "18.2.48",
     "@types/react-dom": "18.2.19",
     "@types/react-input-mask": "3.0.5",
-    "@types/styled-components": "5.1.26",
     "@types/throttle-debounce": "5.0.2",
     "@typescript-eslint/eslint-plugin": "5.62.0",
     "@typescript-eslint/parser": "5.62.0",

src/components/Page/Page.tsx

@@ -5,14 +5,12 @@ import dynamic from 'next/dynamic';
 import { useTheme } from 'next-themes';
 import { Toaster } from 'react-hot-toast';
 import { Session } from 'next-auth';
-import { TextStyle, nullable } from '@taskany/bricks';
 
 import { pageContext, PageContext } from '../../utils/pageContext';
 import { useHotkeys } from '../../hooks/useHotkeys';
 import { ModalEvent } from '../../utils/dispatchModal';
 import { trpc } from '../../utils/trpcClient';
 import { createProjectKeys, inviteUserKeys, createGoalKeys } from '../../utils/hotkeys';
-import { Theme } from '../Theme';
 import { PageFooter } from '../PageFooter/PageFooter';
 import { ModalContext } from '../ModalOnEvent';
 import { useGoalPreview } from '../GoalPreview/GoalPreviewProvider';
@@ -91,12 +89,6 @@ export const Page: React.FC<PageProps> = ({ user, ssrTime, title = 'Untitled', c
 
             <OfflineBanner />
 
-            <TextStyle />
-
-            {nullable(theme, (t) => (
-                <Theme theme={t} />
-            ))}
-
             <Toaster toastOptions={toastOptions} position="bottom-right" />
 
             <div className={s.PageLayout}>