fix release and linting

src/pages/nodes/[clientId].tsx

@@ -10,8 +10,8 @@ import {Button} from '@/components/ui/button';
 
 const ClientDetailPage: React.FC = () => {
   const router = useRouter();
-  const { clientId } = router.query; // Get clientId from the URL
-  const { user, loading, token, hasPermission } = useAuth();
+  const { clientId } = router.query;
+  const { user, loading, token, hasPermission, logout } = useAuth(); // Call useAuth once here
 
   if (loading) {
     return <div className="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900">Loading Authentication...</div>;
@@ -50,12 +50,12 @@ const ClientDetailPage: React.FC = () => {
         <h1 className="text-xl font-bold">Radio App Admin</h1>
         <div className="flex items-center space-x-4">
           <span className="text-sm">Logged in as: {user.username} ({user.role})</span>
-          <Button onClick={() => router.push('/')} variant="outline">Back to Management</Button> {/* Add a back button */}
-          <Button onClick={useAuth().logout} variant="outline">Logout</Button>
+          <Button onClick={() => router.push('/')} variant="outline">Back to Management</Button>
+          <Button onClick={logout} variant="outline">Logout</Button> {/* Use the destructured logout */}
         </div>
       </header>
       <main className="p-6">
-        <IndividualClientPage clientId={clientIdentifier} token={token} />
+        <IndividualClientPage clientId={clientIdentifier} token={token} logoutUser={logout} />
       </main>
     </div>
   );