demo: Update demo with Space.Compact wrap (ant-design#48067)

* demo: App demo update

* test: Update test snapshots

Author: Meetacoo

components/app/__tests__/__snapshots__/demo-extend.test.ts.snap

@@ -6,6 +6,7 @@ exports[`renders components/app/demo/basic.tsx extend context correctly 1`] = `
 >
   <div
     class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+    style="flex-wrap: wrap;"
   >
     <div
       class="ant-space-item"
@@ -55,6 +56,7 @@ exports[`renders components/app/demo/config.tsx extend context correctly 1`] = `
 >
   <div
     class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+    style="flex-wrap: wrap;"
   >
     <div
       class="ant-space-item"

components/app/__tests__/__snapshots__/demo.test.ts.snap

@@ -6,6 +6,7 @@ exports[`renders components/app/demo/basic.tsx correctly 1`] = `
 >
   <div
     class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+    style="flex-wrap:wrap"
   >
     <div
       class="ant-space-item"
@@ -53,6 +54,7 @@ exports[`renders components/app/demo/config.tsx correctly 1`] = `
 >
   <div
     class="ant-space ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
+    style="flex-wrap:wrap"
   >
     <div
       class="ant-space-item"

components/app/demo/basic.tsx

@@ -25,7 +25,7 @@ const MyPage = () => {
   };
 
   return (
-    <Space>
+    <Space wrap>
       <Button type="primary" onClick={showMessage}>
         Open message
       </Button>

components/app/demo/config.tsx

@@ -17,7 +17,7 @@ const MyPage = () => {
   };
 
   return (
-    <Space>
+    <Space wrap>
       <Button type="primary" onClick={showMessage}>
         Message for only one
       </Button>