chores, tweaks bumps and cleanup (#1994)

Author: Simek

.github/workflows/code-deploy-preview.yml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v5
       - name: Use Bun
         uses: oven-sh/setup-bun@v2
       - name: Deploy

.github/workflows/code-deploy-production.yml

@@ -19,7 +19,7 @@ jobs:
       name: production
       url: https://reactnative.directory
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Use Bun
       uses: oven-sh/setup-bun@v2
     - name: Deploy

.github/workflows/code-lint-and-test.yml

@@ -11,7 +11,7 @@ jobs:
   test:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Use Bun
       uses: oven-sh/setup-bun@v2
     - name: Install dependencies

.github/workflows/data-test-and-validate.yml

@@ -11,7 +11,7 @@ jobs:
   test:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Use Bun
       uses: oven-sh/setup-bun@v2
     - name: Install dependencies

.github/workflows/vercel-cleanup-data-blobs.yml

@@ -11,7 +11,7 @@ jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
+    - uses: actions/checkout@v5
     - name: Use Bun
       uses: oven-sh/setup-bun@v2
     - name: Install dependencies

assets/logo.png

@@ -17,13 +17,13 @@ export const layout = {
   maxWidth: 1200,
 };
 
-export const useLayout = () => {
+export function useLayout() {
   const { width } = useWindowDimensions();
   return {
     isSmallScreen: width < 800,
     isBelowMaxWidth: width < layout.maxWidth,
   };
-};
+}
 
 export const colors = {
   primary: '#61DAFB',
@@ -93,8 +93,8 @@ type CustomTextProps = TextProps &
     numberOfLines?: number;
   }>;
 
-const createTextComponent = (Element: ComponentType<TextProps>, textStyle?: TextStyles) => {
-  const TextComponent = ({ children, style, id, numberOfLines }: CustomTextProps) => {
+function createTextComponent(Element: ComponentType<TextProps>, textStyle?: TextStyles) {
+  function TextComponent({ children, style, id, numberOfLines }: CustomTextProps) {
     const { isDark } = useContext(CustomAppearanceContext);
 
     const elementStyle = Element?.displayName
@@ -109,12 +109,12 @@ const createTextComponent = (Element: ComponentType<TextProps>, textStyle?: Text
         {children}
       </Element>
     );
-  };
+  }
 
   TextComponent.displayName = `TextComponent(${Element.displayName ?? Element.name ?? 'Unknown'})`;
 
   return TextComponent;
-};
+}
 
 export const H1 = createTextComponent(HtmlElements.H1, textStyles.h1);
 export const H2 = createTextComponent(HtmlElements.H2, textStyles.h2);