fix(striker-ui): auto handle inner panel header vertical spacing

striker-ui/components/Hosts/AnvilHost.tsx

@@ -31,7 +31,6 @@ const StyledBox = styled(Box)(({ theme }) => ({
   [`& .${classes.state}`]: {
     paddingLeft: '.7em',
     paddingRight: '.7em',
-    paddingTop: '2.2em',
   },
 
   [`& .${classes.bar}`]: {

striker-ui/components/Panels/InnerPanelHeader.tsx

@@ -7,6 +7,7 @@ const InnerPanelHeader: FC = ({ children }) => (
   <Box sx={{ position: 'relative', whiteSpace: 'pre-wrap' }}>
     <Box
       sx={{
+        alignItems: 'center',
         borderColor: DIVIDER,
         borderRadius: BORDER_RADIUS,
         borderStyle: 'solid',
@@ -31,13 +32,13 @@ const InnerPanelHeader: FC = ({ children }) => (
     </Box>
     <Box
       sx={{
+        display: 'flex',
         paddingBottom: '.4em',
         paddingRight: '1.7em',
-        width: '100%',
         visibility: 'hidden',
       }}
     >
-      {children instanceof Array ? children[0] : children}
+      {children}
     </Box>
   </Box>
 );

striker-ui/components/SharedStorage/SharedStorageHost.tsx

@@ -16,7 +16,6 @@ const StyledDiv = styled('div')(() => ({
   [`& .${classes.fs}`]: {
     paddingLeft: '.7em',
     paddingRight: '.7em',
-    paddingTop: '2.2em',
   },
 
   [`& .${classes.bar}`]: {