refactor: use named export for everything except pages

Next expect a default export for pages so only those components should
use default exports. Everything else should use named exports to
reduce the number of import statements.

1 files changed, 2 insertions, 4 deletions

diff --git a/src/utils/hooks/use-settings.tsx b/src/utils/hooks/use-settings.tsx
index edb5b5e..968930d 100644
--- a/src/utils/hooks/use-settings.tsx
+++ b/src/utils/hooks/use-settings.tsx
@@ -67,11 +67,11 @@ export type UseSettingsReturn = {
  *
  * @returns {UseSettingsReturn} - An object describing settings.
  */
-const useSettings = (): UseSettingsReturn => {
+export const useSettings = (): UseSettingsReturn => {
   const { baseline, copyright, email, locales, name, postsPerPage, url } =
     settings;
   const router = useRouter();
-  const locale = router.locale || locales.defaultLocale;
+  const locale = router.locale ?? locales.defaultLocale;
 
   return {
     blog: {
@@ -93,5 +93,3 @@ const useSettings = (): UseSettingsReturn => {
     },
   };
 };
-
-export default useSettings;