add background to validation tab

apps/web/Components/Calculation/Validation/index.jsx

@@ -0,0 +1,19 @@
+import Validation from '../Output/Validation';
+import Background from '@/Components/Layout/Background';
+import { min } from '@/styles/mq';
+import { memo } from 'react';
+import styled from 'styled-components';
+
+const Wrapper = styled(Background)`
+  padding: 4px 10px;
+
+  ${min('laptop')} {
+    padding: 4px 18px;
+  }
+`;
+
+export const Component = memo(() => (
+  <Wrapper>
+    <Validation.Component />
+  </Wrapper>
+));

apps/web/Components/Calculation/index.tsx

@@ -1,8 +1,8 @@
 import { Form } from './Form';
 import { Layout } from './Layout';
 import { Output } from './Output';
-import Validation from './Output/Validation';
 import { Settings } from './Settings';
+import { Component as Validation } from './Validation';
 import { Notification } from '@/Components/Common';
 import { NavigationBar, Tabs } from '@/Components/Layout/Navigation';
 import { NavigationProvider } from '@/context/navigation';
@@ -38,10 +38,10 @@ export const tabs = [
     title: 'Результаты',
   },
   {
-    Component: Validation.Component,
+    Component: Validation,
     icon: <WarningOutlined style={defaultIconStyle} />,
-    key: Validation.id,
-    title: Validation.title,
+    key: 'errors',
+    title: 'Ошибки',
   },
 ];