feat: Improve UI for loading OpenAI models

Make the loading state of OpenAI models more visually appealing and user-friendly by replacing the default `Spin` component with a more contextually relevant loading animation within a centered container. This provides a better visual cue to users while models are being fetched.

src/components/Option/Settings/openai-fetch-model.tsx

@@ -77,7 +77,11 @@ export const OpenAIFetchModel = ({ openaiId, setOpenModelModal }: Props) => {
   }
 
   if (status === "pending") {
-    return <Spin />
+    return (
+      <div className="flex items-center justify-center h-40">
+        <Spin size="large" />
+      </div>
+    )
   }
   if (status === "error" || !data || data.length === 0) {
     return (