add org auth slug with device auth support

src/app/[orgId]/settings/general/layout.tsx

@@ -3,6 +3,7 @@ import { HorizontalTabs, type TabItem } from "@app/components/HorizontalTabs";
 import { verifySession } from "@app/lib/auth/verifySession";
 import OrgProvider from "@app/providers/OrgProvider";
 import OrgUserProvider from "@app/providers/OrgUserProvider";
+import OrgInfoCard from "@app/components/OrgInfoCard";
 
 import { redirect } from "next/navigation";
 import { getTranslations } from "next-intl/server";
@@ -68,7 +69,10 @@ export default async function GeneralSettingsPage({
                         description={t("orgSettingsDescription")}
                     />
 
-                    <HorizontalTabs items={navItems}>{children}</HorizontalTabs>
+                    <div className="space-y-6">
+                        <OrgInfoCard />
+                        <HorizontalTabs items={navItems}>{children}</HorizontalTabs>
+                    </div>
                 </OrgUserProvider>
             </OrgProvider>
         </>

src/app/[orgId]/settings/general/page.tsx

@@ -236,6 +236,7 @@ function DeleteForm({ org }: SectionFormProps) {
 }
 
 function GeneralSectionForm({ org }: SectionFormProps) {
+    const { updateOrg } = useOrgContext();
     const form = useForm({
         resolver: zodResolver(
             GeneralFormSchema.pick({
@@ -269,6 +270,11 @@ function GeneralSectionForm({ org }: SectionFormProps) {
             // Update organization
             await api.post(`/org/${org.orgId}`, reqData);
 
+            // Update the org context to reflect the change in the info card
+            updateOrg({
+                name: data.name
+            });
+
             toast({
                 title: t("orgUpdated"),
                 description: t("orgUpdatedDescription")
@@ -315,22 +321,6 @@ function GeneralSectionForm({ org }: SectionFormProps) {
                                     </FormItem>
                                 )}
                             />
-                            <FormField
-                                control={form.control}
-                                name="subnet"
-                                render={({ field }) => (
-                                    <FormItem>
-                                        <FormLabel>{t("subnet")}</FormLabel>
-                                        <FormControl>
-                                            <Input {...field} disabled={true} />
-                                        </FormControl>
-                                        <FormMessage />
-                                        <FormDescription>
-                                            {t("subnetDescription")}
-                                        </FormDescription>
-                                    </FormItem>
-                                )}
-                            />
                         </form>
                     </Form>
                 </SettingsSectionForm>