chore: added home icon in request tabs

package.json

@@ -61,7 +61,6 @@
     "file-loader": "^6.2.0",
     "html-loader": "^3.0.1",
     "html-webpack-plugin": "^5.5.0",
-    "lerna": "^4.0.0",
     "mini-css-extract-plugin": "^2.4.5",
     "next": "^12.1.0",
     "react": "^17.0.2",

renderer/components/RequestTabs/StyledWrapper.js

@@ -97,6 +97,16 @@ const Wrapper = styled.div`
           padding: 3px 4px;
         }
 
+        > div.home-icon-container {
+          padding: 3px 7px;
+        }
+
+        &.choose-request {
+          > div {
+            padding: 3px 5px;
+          }
+        }
+
         svg {
           height: 22px;
         }

renderer/components/RequestTabs/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import classnames from 'classnames';
+import { IconHome2 } from '@tabler/icons';
 import StyledWrapper from './StyledWrapper';
 
 const RequestTabs = ({actions, dispatch, activeRequestTabId, requestTabs}) => {
@@ -52,6 +53,11 @@ const RequestTabs = ({actions, dispatch, activeRequestTabId, requestTabs}) => {
     <StyledWrapper className="mt-2 flex items-center">
       {requestTabs && requestTabs.length ? (
         <ul role="tablist">
+          <li className="select-none new-tab mr-1" onClick={createNewTab}>
+            <div className="flex items-center home-icon-container">
+              <IconHome2 size={18} strokeWidth={1.5}/>
+            </div>
+          </li>
           {requestTabs && requestTabs.length ? requestTabs.map((rt, index) => {
             return <li key={rt.id} className={getTabClassname(rt, index)} role="tab" onClick={() => handleClick(rt)}>
               <div className="flex items-center justify-between tab-container px-1">