[docs] Fix typo (#5894)

* [@mantine/docs] Radarchart: Fix demo codes

* [@mantine/core] Radarchart: fix structure of code

Author: Kenzo-Wada

packages/@docs/demos/src/demos/charts/RadarChart/RadarChart.demo.multiple.tsx

@@ -11,7 +11,7 @@ function Demo() {
   return (
     <RadarChart
       h={300}
-      data={multiData}
+      data={data}
       dataKey="product"
       withPolarRadiusAxis
       series={[

packages/@docs/demos/src/demos/charts/RadarChart/RadarChart.demo.parts.tsx

@@ -5,12 +5,14 @@ import { multiData, multiDataCode } from './_data';
 
 const code = `
 import { RadarChart } from '@mantine/charts';
+import { data } from './data';
 
-function Wrapper() {
+
+function Demo() {
   return (
     <RadarChart
       h={300}
-      data={multiData}
+      data={data}
       dataKey="product"
       withPolarRadiusAxis
       series={[
@@ -23,7 +25,7 @@ function Wrapper() {
 }
 `;
 
-function Wrapper(props: any) {
+function Demo(props: any) {
   return (
     <RadarChart
       h={300}
@@ -41,7 +43,7 @@ function Wrapper(props: any) {
 
 export const parts: MantineDemo = {
   type: 'configurator',
-  component: Wrapper,
+  component: Demo,
   code: [
     { code, language: 'tsx', fileName: 'Demo.tsx' },
     { code: multiDataCode, language: 'tsx', fileName: 'data.ts' },

packages/@docs/demos/src/demos/charts/RadarChart/RadarChart.demo.rechartsProps.tsx

@@ -11,7 +11,7 @@ function Demo() {
   return (
     <RadarChart
       h={300}
-      data={multiData}
+      data={data}
       dataKey="product"
       withPolarRadiusAxis
       polarRadiusAxisProps={{ angle: 30, tickFormatter: (value) => \`\${value}$\` }}

packages/@docs/demos/src/demos/charts/RadarChart/_data.ts

@@ -88,7 +88,7 @@ export const multiData = [
 ];
 
 export const multiDataCode = `
-export const multiData = [
+export const data = [
   {
     product: 'Apples',
     sales_january: 120,