feat: update subscription display and organization settings UI to include plan usage details and loading states

app/org-settings/page.tsx

@@ -1,3 +1,4 @@
+import { Suspense } from 'react'
 import OrganizationSettings from '@/components/settings/OrganizationSettings'
 
 export const metadata = {
@@ -9,7 +10,9 @@ export default function OrgSettingsPage() {
   return (
     <div className="min-h-screen pt-24 pb-12 px-4 sm:px-6">
       <div className="max-w-4xl mx-auto">
-        <OrganizationSettings />
+        <Suspense fallback={<div className="p-8 text-center text-neutral-500">Loading...</div>}>
+          <OrganizationSettings />
+        </Suspense>
       </div>
     </div>
   )