fix(app): settings container, key wrapper

Author: dimakorzhovnik

src/pages/Keys/Keys.tsx

@@ -1,11 +1,11 @@
 import { useDispatch, useSelector } from 'react-redux';
 import { RootState } from 'src/redux/store';
-import KeyItem from './KeyItem/KeyItem';
-import { Display, DisplayTitle, MainContainer } from 'src/components';
+import { Display, DisplayTitle } from 'src/components';
 import ActionBar from 'src/pages/Keys/ActionBar/actionBar';
 import { initPocket } from 'src/redux/features/pocket';
-import styles from './Keys.module.scss';
 import { useState } from 'react';
+import styles from './Keys.module.scss';
+import KeyItem from './KeyItem/KeyItem';
 import KeyItemSecrets from './KeyItem/KeyItemSecrets';
 import { KEY_LIST_TYPE } from './types';
 
@@ -30,7 +30,7 @@ function Keys() {
 
   return (
     <>
-      <Display title={<DisplayTitle title="Keys" />}>
+      <Display noPadding title={<DisplayTitle title="Keys" />}>
         <div className={styles.wrapper}>
           {bostromAccounts && bostromAccounts.length > 0 ? (
             bostromAccounts.map(({ cyber: account }) => {

src/pages/Settings/Layout/Layout.module.scss

@@ -1,8 +1,10 @@
 @import '../../../layouts/variables.module.scss';
 
+$size-columns: 200px;
+
 .wrapper {
   display: grid;
-  grid-template-columns: 200px minmax(200px, 62%);
+  grid-template-columns: $size-columns minmax($size-columns, calc(62% - $size-columns));
   grid-template-rows: 1fr;
   justify-content: center;
 

src/pages/robot/SensePage.tsx

@@ -1,5 +1,4 @@
 import SenseRoutingWrapper from 'src/features/sense/ui/SenseRoutingWrapper';
-import { useRobotContext } from './robot.context';
 import Taverna from 'src/containers/taverna';
 import { useAppSelector } from 'src/redux/hooks';