Bug Report: LocaleSwitcher components doesn't have props in mobile page.

[devchanki]

Fix

Describe your request

The LocaleSwitcher component requires type definitions for its props.

export function LocaleSwitcher({ currentLocale }: { currentLocale: string }) { 
 // ... 
}

<div
            className={cn(
              "flex cursor-pointer items-center justify-center text-sm leading-[110%] w-8 py-1 rounded-md hover:bg-neutral-800 hover:text-white/80 text-white hover:shadow-[0px_1px_0px_0px_var(--neutral-600)_inset] transition duration-200",
              locale === currentLocale
                ? "bg-neutral-800 text-white shadow-[0px_1px_0px_0px_var(--neutral-600)_inset]"
                : ""
            )}
          >
            {locale}
          </div>

However, in mobile view, the locale variable does not seem to have values, which results in missing styles for the selection.
See the screenshot below for reference:

Current:

Expected:

Steps to reproduce the behavior

1. Go to next folder
2. yarn && yarn build && yarn start
3. checking validity of types

Expected behavior

build success like this

Screenshots

Additional context

I have added the locale information to address this issue.