chore: Applies next/dynamic for RegionModal (#2523)

## What's the purpose of this pull request?

Loads `RegionModal` using dynamic import.

## How it works?

We are aiming to optimize the performance loading components only when
they are needed, rather than at the initial page load.

## How to test it?

- Click on `Set your location` button, the `RegionModal` should appear
as expected.

<img width="300" alt="image"
src="https://github.com/user-attachments/assets/a7644c15-66c1-4c14-be83-06e2b4341166">

packages/core/src/components/region/RegionModal/RegionModal.tsx

@@ -1,15 +1,23 @@
 import {
   Icon,
-  RegionModal as UIRegionModal,
   RegionModalProps as UIRegionModalProps,
   useUI,
 } from '@faststore/ui'
-import { Suspense, useRef, useState } from 'react'
+import { useRef, useState } from 'react'
 
 import { sessionStore, useSession, validateSession } from 'src/sdk/session'
 
+import dynamic from 'next/dynamic'
 import styles from './section.module.scss'
 
+const UIRegionModal = dynamic<UIRegionModalProps>(
+  () =>
+    import(/* webpackChunkName: "UIRegionModal" */ '@faststore/ui').then(
+      (mod) => mod.RegionModal
+    ),
+  { ssr: false }
+)
+
 interface RegionModalProps {
   title?: UIRegionModalProps['title']
   description?: UIRegionModalProps['description']
@@ -88,28 +96,26 @@ function RegionModal({
   return (
     <>
       {displayModal && (
-        <Suspense fallback={null}>
-          <UIRegionModal
-            title={title}
-            description={description}
-            overlayProps={{
-              className: `section ${styles.section} section-region-modal`,
-            }}
-            closeButtonAriaLabel={closeButtonAriaLabel}
-            inputRef={inputRef}
-            inputValue={input}
-            inputLabel={inputFieldLabel}
-            errorMessage={errorMessage}
-            idkPostalCodeLinkProps={idkPostalCodeLinkProps}
-            onInput={(e) => {
-              errorMessage !== '' && setErrorMessage('')
-              setInput(e.currentTarget.value)
-            }}
-            onSubmit={handleSubmit}
-            fadeOutOnSubmit={true}
-            onClear={() => setInput('')}
-          />
-        </Suspense>
+        <UIRegionModal
+          title={title}
+          description={description}
+          overlayProps={{
+            className: `section ${styles.section} section-region-modal`,
+          }}
+          closeButtonAriaLabel={closeButtonAriaLabel}
+          inputRef={inputRef}
+          inputValue={input}
+          inputLabel={inputFieldLabel}
+          errorMessage={errorMessage}
+          idkPostalCodeLinkProps={idkPostalCodeLinkProps}
+          onInput={(e) => {
+            errorMessage !== '' && setErrorMessage('')
+            setInput(e.currentTarget.value)
+          }}
+          onSubmit={handleSubmit}
+          fadeOutOnSubmit={true}
+          onClear={() => setInput('')}
+        />
       )}
     </>
   )