feat: add the browser mockup component from README.md list

[malkiii]

Added the browser component that I saw in README list, I made this mockup responsive and simple as possible.

[saadeghi]

Thank you very much.

Can you please apply these changes:

1. The icon at the right side, I don't think it is necessary. We have 3 circles at the left so it looks like an OS (MacOS) window, but the icon at the right would have no purpose and it may create confusions.
   To remove the icon (:after) and keep the address bar in the middle you can use inline-grid grid-cols-3 for the .toolbar

2. In the docs (/components/mockup-browser/) you used <div> for the code example but you used <a> in the previews. Please Use <div> there too. Users can use any tag but I don't think it should be an actual clickable link in the docs preview.

3. Please don't force a custom border-radius for the .mockup-browser .toolbar .input. Let it adapt the current border radius of the theme (For example it should be sharp border in cyberpunk theme and it should be rounded-full in cupcake theme. Otherwise the it won't fit the theme)

[malkiii]

the changes that are applied:

• Remove the right icon in the mockup
• Using <div> instead of <a> tag in the docs
• Remove the border-radius in input

I found mx-auto is much better than inline-grid grid-cols-3 since the input width will be limited to 1fr

please let me know if there are other changes you want me to do.

[saadeghi]

Perfect. Thank you!