Design Issue on Profile Page Linked to Changes in PR #20

[iambasilp]

Design Issue

Description

Users might get confused when they visit the profile page because the design of the username and password input boxes makes it seem like they can edit their information directly. However, users can only edit their data after clicking the 'Edit' button below. This design might cause confusion and isn't the best solution.

Expected Behavior

Users should only be able to edit their data after clicking the 'Edit' button below the input boxes. The current design might mislead users about the direct editability of their credentials.

Steps to Reproduce (if applicable)

1. Navigate to the profile page.
2. Observe the appearance of the username and password input boxes.
3. Notice the potential misunderstanding regarding direct editability.

Screenshots of issue