feat: profit table and division of charts in statistics

src/pages/StatisticsPage/ui/StatisticsPage.module.css

@@ -5,6 +5,14 @@
     gap: rem(10);
 }
 
+.page-container {
+    display: flex;
+    flex-direction: row;
+    gap: rem(10);
+    height: 96vh;
+    flex-wrap: wrap;
+}
+
 .top-panel {
     padding: rem(5);
     gap: rem(10);

src/pages/StatisticsPage/ui/StatisticsPage.tsx

@@ -1,8 +1,8 @@
 import { useState } from "react";
 import {
     StatisticsTab,
-    StatisticsTabSegmentControl,
-} from "../components/StatisticsTabSegmentControl/StatisticsTabSegmentControl.tsx";
+    StatisticsTabSegmentedControl,
+} from "../components/StatisticsTabSegmentedControl/StatisticsTabSegmentedControl.tsx";
 import styles from "./StatisticsPage.module.css";
 import PageBlock from "../../../components/PageBlock/PageBlock.tsx";
 import { ProfitTab } from "../tabs/ProfitTab/ProfitTab.tsx";
@@ -25,13 +25,13 @@ export const StatisticsPage = () => {
 
     return (
         <div className={styles["container"]}>
-            <PageBlock>
-                <StatisticsTabSegmentControl
-                    size={"md"}
-                    value={serviceType.toString()}
-                    onChange={event => setServiceType(parseInt(event))}
-                />
-            </PageBlock>
+            {/*<PageBlock>*/}
+            {/*    <StatisticsTabSegmentedControl*/}
+            {/*        size={"md"}*/}
+            {/*        value={serviceType.toString()}*/}
+            {/*        onChange={event => setServiceType(parseInt(event))}*/}
+            {/*    />*/}
+            {/*</PageBlock>*/}
             {getBody()}
         </div>
     );