Add useConfig hook & adjust imports

Author: CarsonF

src/core/email/templates/formatted-date-time.tsx

@@ -1,6 +1,5 @@
-import { useModuleRef } from '@seedcompany/nestjs-email/templates';
 import { DateTime, type Zone } from 'luxon';
-import { ConfigService } from '~/core';
+import { useConfig } from './useConfig';
 
 type ZoneLike = string | Zone;
 
@@ -10,7 +9,7 @@ export interface FormattedDateTimeProps {
 }
 
 export const FormattedDateTime = (props: FormattedDateTimeProps) => {
-  const config = useModuleRef().get(ConfigService);
+  const config = useConfig();
   const formatted = props.value
     .setZone(props.timezone ?? config.defaultTimeZone)
     .toLocaleString(DateTime.DATETIME_FULL);

src/core/email/templates/frontend-url.tsx

@@ -1,8 +1,7 @@
-import { useModuleRef } from '@seedcompany/nestjs-email/templates';
-import { ConfigService } from '~/core/config/config.service';
+import { useConfig } from './useConfig';
 
 export const useFrontendUrl = (path: string) => {
   path = path.startsWith('/') ? path.slice(1) : path;
-  const config = useModuleRef().get(ConfigService);
+  const config = useConfig();
   return new URL(path, config.frontendUrl).toString();
 };

src/core/email/templates/useConfig.tsx

@@ -0,0 +1,5 @@
+import { useModuleRef } from '@seedcompany/nestjs-email/templates';
+import type { ConfigService } from '~/core';
+
+export const useConfig = () =>
+  useModuleRef().get<ConfigService>('CONFIG', { strict: false });