chore: moved workspace selector to sidebar

packages/grafnode-components/src/components/Navbar/StyledWrapper.js

@@ -1,8 +1,7 @@
 import styled from 'styled-components';
 
 const StyledWrapper = styled.div`
-  background: #383735;
-  color: white;
+  background-color: #f2f2f2;
 `;
 
 export default StyledWrapper;

packages/grafnode-components/src/components/Navbar/index.js

@@ -6,10 +6,10 @@ import StyledWrapper from './StyledWrapper';
 
 const Navbar = () => {
   return (
-    <StyledWrapper className="px-3 py-2 flex items-center bg-gray-200 justify-center">
+    <StyledWrapper className="px-2 py-2 flex items-center">
       <IconBox size={22} strokeWidth={1.5}/>
       <span className="ml-2">My Workspace</span>
-      <FontAwesomeIcon className="ml-2 text-gray-200" icon={faCaretDown} style={{fontSize: 13}}/>
+      <FontAwesomeIcon className="ml-2" icon={faCaretDown} style={{fontSize: 13}}/>
     </StyledWrapper>
   )
 };

packages/grafnode-components/src/components/Sidebar/index.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import Collections from './Collections';
+import Navbar from '../Navbar';
 import { IconDatabase, IconSearch } from '@tabler/icons';
 
 const Sidebar = ({collections, actions, dispatch, activeRequestTabId}) => {
   return (
     <aside>
+      <Navbar />
       <div className="mt-4 px-2 flex">
         <IconDatabase size={20} strokeWidth={1.5}/>
         <span className="ml-1">No Environment</span>