demo: update badge demo (#43307)

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

@@ -1976,11 +1976,7 @@ exports[`renders components/badge/demo/ribbon.tsx extend context correctly 1`] =
         <span
           class="ant-ribbon-text"
         >
-          <div>
-            Hippies
-            <br />
-            Happy
-          </div>
+          Hippies
         </span>
         <div
           class="ant-ribbon-corner"

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

@@ -1977,11 +1977,7 @@ exports[`renders components/badge/demo/ribbon.tsx correctly 1`] = `
         <span
           class="ant-ribbon-text"
         >
-          <div>
-            Hippies
-            <br />
-            Happy
-          </div>
+          Hippies
         </span>
         <div
           class="ant-ribbon-corner"

components/badge/demo/ribbon.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import { Badge, Card, Space } from 'antd';
+import React from 'react';
 
 const App: React.FC = () => (
   <Space direction="vertical" size="middle" style={{ width: '100%' }}>
@@ -8,12 +8,7 @@ const App: React.FC = () => (
         and raises the spyglass.
       </Card>
     </Badge.Ribbon>
-    <Badge.Ribbon text={
-        <div>
-          Hippies <br />
-          Happy
-        </div>
-      } color="pink">
+    <Badge.Ribbon text="Hippies" color="pink">
       <Card title="Pushes open the window" size="small">
         and raises the spyglass.
       </Card>