enable center align for dpdw content + fix alignment

[dani69654]

closes #951

https://www.loom.com/share/8cbcb798db7f4156b998db424383f99e

[changeset-bot]

🦋 Changeset detected

Latest commit: 488a2d1

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@web3uikit/core	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

size-limit report 📦

Path	Size
packages/core/dist/index.js	331.25 KB (+0.05% 🔺)
packages/icons/dist/index.es.js	131.36 KB (0%)
packages/web3/dist/index.js	1.5 MB (+0.01% 🔺)
packages/web3uikit/dist/index.js	1.94 MB (+0.02% 🔺)

[AbhinavMV]

Hey bro nice work
Just have some questions

1. When the option with icon (eg: testnet) is selected, this is how it is displayed. Is this how it should be displayed? 🤔
   

2. From the design in the issue I can see that even the dropdown arrow is centered. but not in the story. Maybe design was not updated not sure.

If these two things are ok and no changes are needed to PR please go ahead and merge this @dani69654 🙌🏻

[dani69654]

Hey @AbhinavMV , thanks for reviewing:

When the option with icon (eg: testnet) is selected, this is how it is displayed. Is this how it should be displayed?

This is how it works now, not sure if it is correct, I did not work on that in this MR. If we don't like it we can surely change its behaviour.

From the design in the issue I can see that even the dropdown arrow is centered. but not in the story. Maybe design was not updated not sure.

You are right, I missed that. On it, good catch

[dani69654]

[AbhinavMV]

LGTM 🚀