style: lint code

Author: Ohh-889

playground/src/app/(demo)/progress/modules/Color.tsx

@@ -12,7 +12,7 @@ const colors: ProgressProps['color'][] = [
   'accent'
 ];
 
-export const Color = () => {
+const Color = () => {
   return (
     <Card
       split
@@ -31,3 +31,5 @@ export const Color = () => {
     </Card>
   );
 };
+
+export default Color;

playground/src/app/(demo)/progress/modules/Size.tsx

@@ -14,7 +14,7 @@ const colors: ProgressProps['color'][] = [
   'accent'
 ];
 
-export const Size = () => {
+const Size = () => {
   return (
     <Card
       split
@@ -34,3 +34,5 @@ export const Size = () => {
     </Card>
   );
 };
+
+export default Size;

playground/src/app/(demo)/progress/page.tsx

@@ -1,12 +1,14 @@
-import { Color } from './modules/Color';
-import { Size } from './modules/Size';
+import Color from './modules/Color';
+import Size from './modules/Size';
 
-export default function ProgressPage() {
+const ProgressPage = () => {
   return (
     <div className="flex-c gap-4">
       <Color />
 
       <Size />
     </div>
   );
-}
+};
+
+export default ProgressPage;

playground/src/app/(demo)/resizable/modules/Default.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { CircleDashed } from 'lucide-react';
 import { Card, ResizableHandle, ResizablePanel, ResizablePanelGroup } from 'soybean-react-ui';