corregido refreshtoken y mejorado ver informacion ui por roles

apps/web/feactures/surveys/components/admin/surveys-header.tsx

@@ -1,12 +1,14 @@
 'use client';
-import { useRouter } from 'next/navigation';
 import { Button } from '@repo/shadcn/button';
 import { Heading } from '@repo/shadcn/heading';
 import { Plus } from 'lucide-react';
-
+import { useSession } from 'next-auth/react';
+import { useRouter } from 'next/navigation';
 
 export function SurveysHeader() {
   const router = useRouter();
+  const { data: session } = useSession();
+  const role = session?.user.role[0]?.rol;
   return (
     <>
       <div className="flex items-start justify-between">
@@ -14,11 +16,18 @@ export function SurveysHeader() {
           title="Administración de Encuestas"
           description="Gestiona las encuestas disponibles en la plataforma"
         />
-        <Button onClick={() => router.push(`/dashboard/administracion/encuestas/crear`)} size="sm">
-          <Plus className="h-4 w-4"/><span className='hidden sm:inline'>Agregar Encuesta</span>
-        </Button>
+        {['superadmin', 'admin'].includes(role ?? '') && (
+          <Button
+            onClick={() =>
+              router.push(`/dashboard/administracion/encuestas/crear`)
+            }
+            size="sm"
+          >
+            <Plus className="h-4 w-4" />
+            <span className="hidden sm:inline">Agregar Encuesta</span>
+          </Button>
+        )}
       </div>
-
     </>
   );
-}
+}