- added settings page and function

- add Role Ring for avatar and display role for user nav

src/hooks/use-session.ts

@@ -1,13 +1,6 @@
-import { getSession } from '@/lib/auth/session'
-import { queryOptions, useQuery } from '@tanstack/react-query'
-
-export const sessionQueryOptions = queryOptions({
-  queryKey: ['session'],
-  queryFn: () => getSession(),
-  staleTime: 1000 * 60 * 20,
-  retry: false,
-})
+import { sessionQueries } from '@/service/queries';
+import { useQuery } from '@tanstack/react-query';
 
 export function useSessionQuery() {
-  return useQuery(sessionQueryOptions)
+  return useQuery(sessionQueries.user());
 }