[DOP-21930] edit styles in table and header

Author: Zabilsya

src/app/styles/antd.less

@@ -21,3 +21,7 @@
 .ant-modal-title {
   font-weight: 700;
 }
+
+.ant-table-cell {
+  word-break: break-word;
+}

src/widgets/layout/Header/index.tsx

@@ -19,7 +19,9 @@ export const Header = () => {
       {/* TODO: [DOP-20026] Need to add logo */}
       <div className={classes.main}>
         <div className={classes.logo} />
-        <SelectGroup />
+        <div className={classes.select}>
+          <SelectGroup />
+        </div>
       </div>
       <div className={classes.user}>
         <div className={classes['user-info']}>

src/widgets/layout/Header/styles.module.less

@@ -6,11 +6,14 @@
   .main {
     display: flex;
     align-items: center;
-    width: 500px;
 
     .logo {
       min-width: 200px;
     }
+
+    .select {
+      width: 300px;
+    }
   }
 
   .user {