Make UI More Responsive

[sourabhkumhar]

refactor: Improve responsiveness and layout in multiple components

In this commit, I made the following improvements:

1. FooterContent:

• Enhanced responsiveness by adjusting links for better display on various screen sizes.

2. TabAccount:

• Improved button and item responsiveness to enhance the user experience on mobile devices.

3. TabInfo, TabSecurity, and TabAccount:

• Replaced the use of marginRight with a flex-based layout to provide consistent spacing between elements.
• Added gap between elements to maintain proper spacing when items wrap.

4. StatisticsCard:

• Modified the layout to display items in a 2/row grid instead of 1/row.
• This change reduces the card's height and enhances its overall appearance.

These changes contribute to better responsiveness and a more polished user interface in the mentioned components.

[neelbrahmakshatriya]

Hi @sourabhkumhar,

Thanks for showing an interest in contributing.

As we have updated the template with the App Router of Next.js, we have considered responsiveness for all the scenarios. Also, images are draggable by default and most users keep draggable itself.

Thus, we are not considering merging this PR.