fix(ui): move alignItems and justifyContent on Stack components into sx prop

src/components/manifest/ManifestHeader.jsx

@@ -64,7 +64,11 @@ class ManifestHeader extends PureComponent {
 
     return (
       <PanelTile wide={3} minHeight={160} color={headerColor} title="Kopfdaten">
-        <Stack direction={{ xs: 'column', sm: 'row' }} spacing={2} alignItems={{ xs: 'stretch', sm: 'center' }}>
+        <Stack
+          direction={{ xs: 'column', sm: 'row' }}
+          spacing={2}
+          sx={{ alignItems: { xs: 'stretch', sm: 'center' } }}
+        >
           <TextField
             size="small"
             type="date"

src/components/settings/NumberSettingsPanel.jsx

@@ -252,8 +252,7 @@ export default class NumberSettingsPanel extends Component {
                     <Stack
                       direction="row"
                       spacing={0}
-                      justifyContent="flex-end"
-                      alignItems="center"
+                      sx={{ justifyContent: 'flex-end', alignItems: 'center' }}
                     >
                       {draft.saveError ? (
                         <Box sx={{ maxWidth: 220, mr: 1 }}>

src/components/settings/SettingsKeysPanel.jsx

@@ -203,8 +203,7 @@ export default class SettingsKeysPanel extends Component {
                     <Stack
                       direction="row"
                       spacing={0}
-                      justifyContent="flex-end"
-                      alignItems="center"
+                      sx={{ justifyContent: 'flex-end', alignItems: 'center' }}
                     >
                       {draft.saveError ? (
                         <Box sx={{ maxWidth: 220, mr: 1 }}>