feat(js): Flatten localization prop type

[desiprisg]

What changed? Why was the change needed?

This PR flattens the localization prop, meaning that this:

localization={{
  inbox: {
    title: 'Inbox'
  }
}}

is now going to be specified as:

localization={{
  'inbox.title': 'Inbox'
}}

Screenshots

Autocomplete is implemented as well:

Expand for optional sections

### Related enterprise PR ### Special notes for your reviewer

[linear[bot]]

COM-77 Flatten localization prop

[netlify[bot]]

❌ Deploy Preview for novu-design failed. Why did it fail? →

Name	Link
🔨 Latest commit	a2df3b39dcbea0376fd4b5cdb74b0300e53d3e3c
🔍 Latest deploy log	https://app.netlify.com/sites/novu-design/deploys/667e7dd22574070008365182

[netlify[bot]]

✅ Deploy Preview for dev-web-novu ready!

Name	Link
🔨 Latest commit	a2df3b39dcbea0376fd4b5cdb74b0300e53d3e3c
🔍 Latest deploy log	https://app.netlify.com/sites/dev-web-novu/deploys/667e7dd2c83ad00008bb6475
😎 Deploy Preview	https://deploy-preview-5858--dev-web-novu.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[LetItRock]

❓ question: ‏ I'm not really sure why this change is being done, is ther a place that gives more context for it?

@denis-kralj-novu This PR is part of the new Inbox component. There is a guide that might give you a little more context: https://www.notion.so/novuhq/Inbox-Localization-76ebff747b7845a988d0f531f16f8a8d?pvs=4