feat(code-editor): enhance loading state with padding and rounded corners for better aesthetics

src/components/code-editor.tsx

@@ -27,7 +27,11 @@ const Editor = dynamic(
   },
   {
     ssr: false,
-    loading: () => <Skeleton className="h-full w-full" />,
+    loading: () => (
+      <div className="h-full w-full p-10 pt-2">
+        <Skeleton className="h-full w-full rounded-3xl" />
+      </div>
+    ),
   }
 );