- added settings page and function

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

src/service/queries.ts

@@ -0,0 +1,25 @@
+import { getSession } from '@/lib/auth/session';
+// import { sessionPush } from '@/lib/auth/session';
+import { queryOptions } from '@tanstack/react-query';
+import { getSettings } from './setting.api';
+
+export const sessionQueries = {
+  all: ['auth'],
+  user: () =>
+    queryOptions({
+      queryKey: [...sessionQueries.all, 'session'],
+      queryFn: () => getSession(),
+      // queryFn: () => sessionPush(),
+      staleTime: 1000 * 60 * 20,
+      retry: false,
+    }),
+};
+
+export const settingQueries = {
+  all: ['setting'],
+  list: () =>
+    queryOptions({
+      queryKey: [...settingQueries.all, 'list'],
+      queryFn: () => getSettings(),
+    }),
+};