add permission vision for users

src/app/ui/settings/company-users-setting-panel.tsx

@@ -1,7 +1,9 @@
 'use client'
 
 import { useTranslations } from 'next-intl';
-import { useActionState } from 'react';
+import { useActionState, useEffect } from 'react';
+import { getUserData } from '@/app/actions/action';
+import { useQuery } from '@tanstack/react-query';
 
 export function CompanyUsersSettingPanel() {
 	const t = useTranslations('Global');
@@ -13,6 +15,22 @@ export function CompanyUsersSettingPanel() {
 		undefined
 	);
 
+	const {
+		data: userData,
+		isLoading,
+		isError,
+		error
+	} = useQuery({
+		queryKey: ['userData'],
+		queryFn: () => {
+			return getUserData();
+		}
+	});
+
+	if (userData.permission !== 3) {
+		return null
+	}
+
 	return (
 		<div className="settings-form">
 			<div className="form-section">