exploritory buttons removed and github button modified

Author: AArCruz

src/assets/style/base.scss

@@ -34,7 +34,7 @@ input:focus {
   color: $neutral-100;
   display: flex;
   align-items: center;
-  justify-content: space-around;
+  justify-content: space-between;
   height: 2.5rem !important;
   opacity: 0.8;
   margin: 0;

src/client/components/main/TRPC-composer/TRPCMethodAndEndpointEntryForm.tsx

@@ -7,7 +7,7 @@ import { useSelector, useDispatch } from 'react-redux';
 import { RootState } from '../../../toolkit-refactor/store';
 import { fieldsReplaced } from '../../../toolkit-refactor/slices/newRequestFieldsSlice';
 
-const TRPCMethodAndEndpointEntryForm = (props) => {
+const TRPCMethodAndEndpointEntryForm = (props: any) => {
   const requestFields = useSelector(
     (state: RootState) => state.newRequestFields
   );

src/client/components/navbar/GeneralInfo.tsx

@@ -26,8 +26,8 @@ export default function GeneralInfo() {
         data-show-count="true"
         aria-label="Star open-source-labs/Swell on GitHub"
       >
-        Star
       </GitHubButton>
+
     </Box>
   );
 }

src/client/components/navbar/ProtocolSelect.tsx

@@ -46,7 +46,7 @@ const CustomButton = styled(ButtonUnstyled)`
   transition: all 150ms ease;
   cursor: pointer;
   border: none;
-  width: 8vw;
+  width: 15vw;
 
   &:hover,
   &:active {
@@ -154,29 +154,36 @@ function ProtocolSelect() {
     });
   };
 
+  /*EXPERIMENTAL BUTTONS ARE COMMENTED OUT BELOW:
+   We did this because having partially working features accessible to all seemed counter-intuitive
+    to having a fully functional application for any user to download and use. Some experimentals
+    are closer to fully-functional more than others and if they do get fleshed out they can be added
+    to the other set of functional features*/
+  
   return (
     <Box
       key="page-selector"
       sx={{
         flexGrow: 1,
         display: { xs: 'none', md: 'flex' },
-        justifyContent: 'center',
+        justifyContent: 'space-evenly',
         alignItems: 'center',
       }}
     >
       {createButtons(pages)}
-      <Divider sx={{ ml: 1 }} orientation="vertical" flexItem />
-      <SwellTooltip title={experimentalTooltipText}>
-        <ScienceRoundedIcon
+
+      {/* <Divider sx={{ ml: 1 }} orientation="vertical" flexItem /> */}
+      {/* <SwellTooltip title={experimentalTooltipText}> */}
+        {/* <ScienceRoundedIcon
           sx={{
             ml: 1.5,
             mr: 1,
             color: `${white[500]}`,
             '&:hover': { color: '#58a4b0' },
           }}
         />
-      </SwellTooltip>
-      {createButtons(experimentalPages)}
+      </SwellTooltip> */}
+      {/* {createButtons(experimentalPages)} */}
     </Box>
   );
 }