refactor: enhance TypeScript typing and import consistency

src/app/SessionConsumer.tsx

@@ -5,9 +5,9 @@ import { setClanes, setCurrentUser, setSession, setStatus } from '@/state/sessio
 import { AppwriteException } from 'appwrite'
 import { getClanes } from 'entgamers-database/frontend/clanes'
 import { getCurrentUser, getSession } from 'entgamers-database/frontend/session'
-import { useCallback, useEffect } from 'react'
+import { type FC, useCallback, useEffect } from 'react'
 
-const SessionConsumer = () => {
+const SessionConsumer: FC = () => {
   const { status, session, user, clanes } = useAppSelector((state) => state.session)
   const dispatch = useAppDispatch()
 
@@ -52,5 +52,6 @@ const SessionConsumer = () => {
       dispatch(setClanes())
     }
   }, [user, clanes, dispatch])
+  return null
 }
 export default SessionConsumer

src/app/layout.tsx

@@ -8,8 +8,8 @@ import '@fontsource/open-sans/latin-700.css'
 import '@fontsource/permanent-marker/latin-400.css'
 import { config } from '@fortawesome/fontawesome-svg-core'
 import '@fortawesome/fontawesome-svg-core/styles.css'
-import { type Metadata } from 'next'
+import type { Metadata } from 'next'
-import { type FC, type ReactNode } from 'react'
+import type { FC, ReactNode } from 'react'
 import FeedbackConsumer from './FeedbackConsumer'
 import SessionConsumer from './SessionConsumer'
 import StateProvider from './StateProvider'