Adds more gap for a button in a Empty VStack

Author: jvorcak

frontend/src/components/pages/connect/helper.tsx

@@ -481,7 +481,7 @@ export function NotConfigured() {
     return (
         <PageContent key="b">
             <Section>
-                <VStack>
+                <VStack gap={4}>
                     <Empty description="Not Configured" />
                     <Text textAlign="center">
                         Kafka Connect is not configured in Redpanda Console.

frontend/src/components/pages/schemas/EditCompatibility.tsx

@@ -27,7 +27,7 @@ function renderNotConfigured() {
     return (
         <PageContent>
             <Section>
-                <VStack>
+                <VStack gap={4}>
                     <Empty
                         description="Not Configured"
                     />

frontend/src/components/pages/schemas/Schema.List.tsx

@@ -55,7 +55,7 @@ function renderNotConfigured() {
     return (
         <PageContent>
             <Section>
-                <VStack>
+                <VStack gap={4}>
                     <Empty description="Not Configured" />
                     <Text textAlign="center">
                         Schema Registry is not configured in Redpanda Console.

frontend/src/components/pages/topics/Tab.Docu.tsx

@@ -117,7 +117,7 @@ const errorEmpty = renderDocuError('Empty', <>
 function renderDocuError(title: string, body: JSX.Element) {
     return (
         <motion.div {...animProps} key={'b'} style={{ margin: '2rem 1rem' }}>
-            <VStack>
+            <VStack gap={4}>
                 <Empty
                     description={title}
                 />

frontend/src/components/pages/topics/Tab.Messages/index.tsx

@@ -658,7 +658,7 @@ export class TopicMessageView extends Component<TopicMessageViewProps> {
         </ul> : null;
 
         return (
-            <VStack>
+            <VStack gap={4}>
                 <Empty description="No messages" />
                 {hintBox}
             </VStack>