Re-Quest/frontend
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Update several SVG icons and replace the user icon with a new basic information icon.

Browse Source
This commit is contained in:
pradeepkumar
2026-01-18 22:10:13 +05:30
parent e17dcf40df
commit b0411a53de
10 changed files with 25 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
public/assets/icons/attachment-icon.svg
View File

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path d="M8.38 7.62L7.17333 8.82667C6.59333 9.40667 6.59333 10.36 7.17333 10.94C7.75333 11.52 8.70667 11.52 9.28667 10.94L11.0467 9.18C12.2067 8.02 12.2067 6.12667 11.0467 4.96C9.88667 3.8 7.99333 3.8 6.82667 4.96L4.90667 6.88C3.90667 7.88 3.90667 9.50667 4.90667 10.5067" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="22" height="12" viewBox="0 0 22 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 1H16C17.3261 1 18.5979 1.52678 19.5355 2.46447C20.4732 3.40215 21 4.67392 21 6C21 7.32608 20.4732 8.59785 19.5355 9.53553C18.5979 10.4732 17.3261 11 16 11H13M9 11H6C4.67392 11 3.40215 10.4732 2.46447 9.53553C1.52678 8.59785 1 7.32608 1 6C1 4.67392 1.52678 3.40215 2.46447 2.46447C3.40215 1.52678 4.67392 1 6 1H9M7 6H15" stroke="#E58625" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 463 B

After

Width:  |  Height:  |  Size: 519 B

3
public/assets/icons/basic-information-icon.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18 0C18.5304 0 19.0391 0.210714 19.4142 0.585786C19.7893 0.960859 20 1.46957 20 2V16C20 16.5304 19.7893 17.0391 19.4142 17.4142C19.0391 17.7893 18.5304 18 18 18H2C1.46957 18 0.960859 17.7893 0.585786 17.4142C0.210714 17.0391 0 16.5304 0 16V2C0 1.46957 0.210714 0.960859 0.585786 0.585786C0.960859 0.210714 1.46957 0 2 0H18ZM18 2H2V16H18V2ZM15 12C15.2549 12.0003 15.5 12.0979 15.6854 12.2728C15.8707 12.4478 15.9822 12.687 15.9972 12.9414C16.0121 13.1958 15.9293 13.4464 15.7657 13.6418C15.6021 13.8373 15.3701 13.9629 15.117 13.993L15 14H5C4.74512 13.9997 4.49997 13.9021 4.31463 13.7272C4.1293 13.5522 4.01777 13.313 4.00283 13.0586C3.98789 12.8042 4.07067 12.5536 4.23426 12.3582C4.39786 12.1627 4.6299 12.0371 4.883 12.007L5 12H15ZM8 4C8.53043 4 9.03914 4.21071 9.41421 4.58579C9.78929 4.96086 10 5.46957 10 6V8C10 8.53043 9.78929 9.03914 9.41421 9.41421C9.03914 9.78929 8.53043 10 8 10H6C5.46957 10 4.96086 9.78929 4.58579 9.41421C4.21071 9.03914 4 8.53043 4 8V6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H8ZM15 8C15.2652 8 15.5196 8.10536 15.7071 8.29289C15.8946 8.48043 16 8.73478 16 9C16 9.26522 15.8946 9.51957 15.7071 9.70711C15.5196 9.89464 15.2652 10 15 10H12C11.7348 10 11.4804 9.89464 11.2929 9.70711C11.1054 9.51957 11 9.26522 11 9C11 8.73478 11.1054 8.48043 11.2929 8.29289C11.4804 8.10536 11.7348 8 12 8H15ZM8 6H6V8H8V6ZM15 4C15.2549 4.00028 15.5 4.09788 15.6854 4.27285C15.8707 4.44782 15.9822 4.68695 15.9972 4.94139C16.0121 5.19584 15.9293 5.44638 15.7657 5.64183C15.6021 5.83729 15.3701 5.9629 15.117 5.993L15 6H12C11.7451 5.99972 11.5 5.90212 11.3146 5.72715C11.1293 5.55218 11.0178 5.31305 11.0028 5.05861C10.9879 4.80416 11.0707 4.55362 11.2343 4.35817C11.3979 4.16271 11.6299 4.0371 11.883 4.007L12 4H15Z" fill="#E58625"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

7
public/assets/icons/bio-icon.svg
View File

@@ -1,6 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M18.3333 9.16667V12.5C18.3333 16.6667 16.6667 18.3333 12.5 18.3333H7.5C3.33333 18.3333 1.66667 16.6667 1.66667 12.5V7.5C1.66667 3.33333 3.33333 1.66667 7.5 1.66667H10.8333" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.3333 9.16667H15C12.5 9.16667 11.6667 8.33333 11.6667 5.83333V2.5L18.3333 9.16667Z" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.83333 10.8333H10.8333" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.83333 14.1667H8.33333" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="19" height="17" viewBox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 0V2H0V0H18ZM0 12H9V10H0V12ZM0 7H18V5H0V7ZM15 9C15.5304 9 16.0391 9.21071 16.4142 9.58579C16.7893 9.96086 17 10.4696 17 11C17 11.5304 16.7893 12.0391 16.4142 12.4142C16.0391 12.7893 15.5304 13 15 13C13.89 13 13 12.11 13 11C13 9.89 13.9 9 15 9ZM11 17V16C11 14.9 12.79 14 15 14C17.21 14 19 14.9 19 16V17H11Z" fill="#E58625"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 799 B

After

Width:  |  Height:  |  Size: 439 B

5
public/assets/icons/certification-icon.svg
View File

@@ -1,4 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M8.95 1.85001L5.4 3.65834C4.375 4.18334 3.54167 5.51668 3.54167 6.66668V12.4C3.54167 13.5083 4.275 14.9333 5.16667 15.55L8.25 17.75C9.55833 18.6833 11.4583 18.6833 12.7667 17.75L15.85 15.55C16.7417 14.9333 17.475 13.5083 17.475 12.4V6.66668C17.475 5.50834 16.6417 4.17501 15.6167 3.65001L12.0667 1.84168C11.0833 1.30834 9.46667 1.30834 8.95 1.85001Z" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.5 9.91667L8.91667 11.3333L12.5 7.75" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.6 21L5.7 17.8L2.1 17L2.45 13.3L0 10.5L2.45 7.7L2.1 4L5.7 3.2L7.6 0L11 1.45L14.4 0L16.3 3.2L19.9 4L19.55 7.7L22 10.5L19.55 13.3L19.9 17L16.3 17.8L14.4 21L11 19.55L7.6 21ZM9.95 14.05L15.6 8.4L14.2 6.95L9.95 11.2L7.8 9.1L6.4 10.5L9.95 14.05Z" fill="#E58625"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 686 B

After

Width:  |  Height:  |  Size: 372 B

5
public/assets/icons/contact-icon.svg
View File

@@ -1,4 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M14.1667 17.5H5.83333C3.33333 17.5 1.66667 16.25 1.66667 13.3333V6.66667C1.66667 3.75 3.33333 2.5 5.83333 2.5H14.1667C16.6667 2.5 18.3333 3.75 18.3333 6.66667V13.3333C18.3333 16.25 16.6667 17.5 14.1667 17.5Z" stroke="#00293D" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14.1667 7.08333L11.5583 9.16667C10.7 9.85 9.29167 9.85 8.43333 9.16667L5.83333 7.08333" stroke="#00293D" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 14C3 12 7 10.9 9 10.9C11 10.9 15 12 15 14V15H3M12 6C12 6.79565 11.6839 7.55871 11.1213 8.12132C10.5587 8.68393 9.79565 9 9 9C8.20435 9 7.44129 8.68393 6.87868 8.12132C6.31607 7.55871 6 6.79565 6 6C6 5.20435 6.31607 4.44129 6.87868 3.87868C7.44129 3.31607 8.20435 3 9 3C9.79565 3 10.5587 3.31607 11.1213 3.87868C11.6839 4.44129 12 5.20435 12 6ZM0 2V16C0 16.5304 0.210714 17.0391 0.585786 17.4142C0.960859 17.7893 1.46957 18 2 18H16C16.5304 18 17.0391 17.7893 17.4142 17.4142C17.7893 17.0391 18 16.5304 18 16V2C18 1.46957 17.7893 0.960859 17.4142 0.585786C17.0391 0.210714 16.5304 0 16 0H2C1.46957 0 0.960859 0.210714 0.585786 0.585786C0.210714 0.960859 0 1.46957 0 2Z" fill="#E58625"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 639 B

After

Width:  |  Height:  |  Size: 800 B

5
public/assets/icons/hobbies-icon.svg
View File

@@ -1,4 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M10 18.3333C14.6024 18.3333 18.3333 14.6024 18.3333 10C18.3333 5.39763 14.6024 1.66667 10 1.66667C5.39763 1.66667 1.66667 5.39763 1.66667 10C1.66667 14.6024 5.39763 18.3333 10 18.3333Z" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.45833 10.5917L8.50833 12.6417C8.89167 13.025 9.50833 13.025 9.89167 12.6417L13.5417 9" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 16V0H20V16H0ZM6 13H8V12H9C9.28333 12 9.521 11.904 9.713 11.712C9.905 11.52 10.0007 11.2827 10 11V8C10 7.71667 9.904 7.47933 9.712 7.288C9.52 7.09667 9.28267 7.00067 9 7H6V6H10V4H8V3H6V4H5C4.71667 4 4.47933 4.096 4.288 4.288C4.09667 4.48 4.00067 4.71733 4 5V8C4 8.28333 4.096 8.521 4.288 8.713C4.48 8.905 4.71733 9.00067 5 9H8V10H4V12H6V13ZM14 12.25L16 10.25H12L14 12.25ZM12 6H16L14 4L12 6Z" fill="#E58625"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 571 B

After

Width:  |  Height:  |  Size: 523 B

8
public/assets/icons/professional-icon.svg
View File

@@ -1,7 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M6.66667 18.3333H13.3333C16.6833 18.3333 17.2833 16.9917 17.4583 15.3583L18.0833 8.69167C18.3083 6.65833 17.725 5 14.1667 5H5.83333C2.275 5 1.69167 6.65833 1.91667 8.69167L2.54167 15.3583C2.71667 16.9917 3.31667 18.3333 6.66667 18.3333Z" stroke="#00293D" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.66667 5V4.33333C6.66667 2.85833 6.66667 1.66667 9.33333 1.66667H10.6667C13.3333 1.66667 13.3333 2.85833 13.3333 4.33333V5" stroke="#00293D" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M11.6667 10.8333V11.6667C11.6667 11.675 11.6667 11.675 11.6667 11.6833C11.6667 12.5917 11.6583 13.3333 10 13.3333C8.35 13.3333 8.33333 12.6 8.33333 11.6917V10.8333C8.33333 10 8.33333 10 9.16667 10H10.8333C11.6667 10 11.6667 10 11.6667 10.8333Z" stroke="#00293D" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.0417 9.16667C16.1167 10.5667 13.9167 11.4 11.6667 11.6833" stroke="#00293D" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.18333 9.39166C4.05833 10.6583 6.175 11.4167 8.33333 11.6917" stroke="#00293D" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 14.5C18 14.88 17.79 15.21 17.47 15.38L9.57001 19.82C9.41001 19.94 9.21001 20 9.00001 20C8.79001 20 8.59001 19.94 8.43001 19.82L0.530006 15.38C0.369613 15.2958 0.235384 15.1693 0.141933 15.0141C0.0484825 14.859 -0.000608275 14.6811 5.68913e-06 14.5V5.5C5.68913e-06 5.12 0.210006 4.79 0.530006 4.62L8.43001 0.18C8.59001 0.0600001 8.79001 0 9.00001 0C9.21001 0 9.41001 0.0600001 9.57001 0.18L17.47 4.62C17.79 4.79 18 5.12 18 5.5V14.5ZM2.00001 7V13H3.25001V11H4.00001C4.53044 11 5.03915 10.7893 5.41422 10.4142C5.78929 10.0391 6.00001 9.53043 6.00001 9C6.00001 8.46957 5.78929 7.96086 5.41422 7.58579C5.03915 7.21071 4.53044 7 4.00001 7H2.00001ZM3.25001 10V8H3.75001C4.01522 8 4.26958 8.10536 4.45711 8.29289C4.64465 8.48043 4.75001 8.73478 4.75001 9C4.75001 9.26522 4.64465 9.51957 4.45711 9.70711C4.26958 9.89464 4.01522 10 3.75001 10H3.25001ZM6.75001 7V13H8.00001V11H8.75001L9.41001 13H10.73L9.94001 10.61C10.43 10.25 10.75 9.66 10.75 9C10.75 8.46957 10.5393 7.96086 10.1642 7.58579C9.78915 7.21071 9.28044 7 8.75001 7H6.75001ZM8.00001 10V8H8.50001C8.76522 8 9.01958 8.10536 9.20711 8.29289C9.39465 8.48043 9.50001 8.73478 9.50001 9C9.50001 9.26522 9.39465 9.51957 9.20711 9.70711C9.01958 9.89464 8.76522 10 8.50001 10H8.00001ZM14 7C12.62 7 11.5 8.34 11.5 10C11.5 11.66 12.62 13 14 13C15.38 13 16.5 11.66 16.5 10C16.5 8.34 15.38 7 14 7ZM14 8.25C14.76 8.25 15.38 9.03 15.38 10C15.38 10.97 14.76 11.75 14 11.75C13.24 11.75 12.63 10.97 12.63 10C12.63 9.03 13.24 8.25 14 8.25Z" fill="#E58625"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

7
public/assets/icons/upload-icon.svg
View File

@@ -1,6 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M7.5 14.1667V9.16667L5.83333 10.8333" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.5 9.16667L9.16667 10.8333" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.3333 8.33333V12.5C18.3333 16.6667 16.6667 18.3333 12.5 18.3333H7.5C3.33333 18.3333 1.66667 16.6667 1.66667 12.5V7.5C1.66667 3.33333 3.33333 1.66667 7.5 1.66667H11.6667" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.3333 8.33333H15C12.5 8.33333 11.6667 7.5 11.6667 5V1.66667L18.3333 8.33333Z" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.0652 6.00373V15.0037M9.0652 6.00373L12.0652 9.00373M9.0652 6.00373L6.0652 9.00373M14.5652 11.0037C16.0842 11.0037 17.0652 9.77273 17.0652 8.25373C17.0651 7.65234 16.868 7.06756 16.5039 6.58893C16.1397 6.11031 15.6288 5.76424 15.0492 5.60373C14.96 4.48218 14.4952 3.42349 13.7299 2.59882C12.9646 1.77414 11.9435 1.23169 10.8317 1.05915C9.71993 0.886616 8.58246 1.09408 7.60319 1.64802C6.62392 2.20195 5.8601 3.06996 5.4352 4.11173C4.54063 3.86375 3.58418 3.9813 2.77628 4.43851C1.96837 4.89572 1.37518 5.65515 1.1272 6.54973C0.879224 7.4443 0.996772 8.40074 1.45399 9.20865C1.9112 10.0166 2.67063 10.6097 3.5652 10.8577" stroke="#E58625" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 809 B

After

Width:  |  Height:  |  Size: 818 B

4
public/assets/icons/user-icon.svg
View File

@@ -1,4 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M10 10C12.0711 10 13.75 8.32107 13.75 6.25C13.75 4.17893 12.0711 2.5 10 2.5C7.92893 2.5 6.25 4.17893 6.25 6.25C6.25 8.32107 7.92893 10 10 10Z" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M17.5 17.5C17.5 14.7386 14.1421 12.5 10 12.5C5.85786 12.5 2.5 14.7386 2.5 17.5" stroke="#00293D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 518 B

16
src/app/(agent)/agent/edit/page.tsx
View File

@@ -135,7 +135,7 @@ export default function EditProfilePage() {
<div ref={scrollContainerRef} className="flex-1 space-y-6 overflow-y-auto pr-2 scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-transparent">
{/* Basic Information */}
<div className="bg-white rounded-[20px] p-6">
<FormSection id="basic-info" icon="/assets/icons/user-icon.svg" title="Basic Information">
<FormSection id="basic-info" icon="/assets/icons/basic-information-icon.svg" title="Basic Information">
<div className="flex flex-col md:flex-row gap-4">
<FormInput
label="First Name"
@@ -236,7 +236,7 @@ export default function EditProfilePage() {
{/* Licensing & Areas */}
<div className="bg-white rounded-[20px] p-6">
<FormSection id="licensing-areas" icon="/assets/icons/location-icon.svg" title="Licensing & Areas">
<FormSection id="licensing-areas" icon="/assets/icons/professional-icon.svg" title="Licensing & Areas">
<div className="space-y-4">
<FormSelect
label="State Licensed"
@@ -312,7 +312,7 @@ export default function EditProfilePage() {
{/* Expertise */}
<div className="bg-white rounded-[20px] p-6">
<FormSection id="expertise" icon="/assets/icons/expertise-icon.svg" title="Expertise">
<FormSection id="expertise" icon="/assets/icons/professional-icon.svg" title="Expertise">
<TagInput
tags={formData.expertise}
onChange={(tags) => updateField('expertise', tags)}
@@ -323,7 +323,7 @@ export default function EditProfilePage() {
{/* Years In Business */}
<div className="bg-white rounded-[20px] p-6">
<FormSection id="years-business" icon="/assets/icons/business-icon.svg" title="Years In Business">
<FormSection id="years-business" icon="/assets/icons/professional-icon.svg" title="Years In Business">
<div className="flex flex-col md:flex-row gap-4">
<FormInput
label="Total Years"
@@ -347,7 +347,7 @@ export default function EditProfilePage() {
<div className="bg-white rounded-[20px] p-6">
<FormSection
id="areas-expertise-years"
icon="/assets/icons/areas-icon.svg"
icon="/assets/icons/basic-information-icon.svg"
title="Areas in expertise & Years"
showEdit
onEdit={() => console.log('Edit areas')}
@@ -378,7 +378,7 @@ export default function EditProfilePage() {
{/* Contracts Closed */}
<div className="bg-white rounded-[20px] p-6">
<FormSection id="contracts-closed" icon="/assets/icons/contract-icon.svg" title="Contracts Closed">
<FormSection id="contracts-closed" icon="/assets/icons/professional-icon.svg" title="Contracts Closed">
<div className="space-y-3">
<FormCheckbox
label="< 10"
@@ -421,7 +421,7 @@ export default function EditProfilePage() {
{/* Price Point */}
<div className="bg-white rounded-[20px] p-6">
<FormSection id="price-point" icon="/assets/icons/price-icon.svg" title="Price Point">
<FormSection id="price-point" icon="/assets/icons/basic-information-icon.svg" title="Price Point">
<div className="space-y-3">
<FormCheckbox
label="Under $100K"
@@ -478,7 +478,7 @@ export default function EditProfilePage() {
{/* Specialization */}
<div className="bg-white rounded-[20px] p-6">
<FormSection id="specialization" icon="/assets/icons/specialization-icon.svg" title="Specialization">
<FormSection id="specialization" icon="/assets/icons/basic-information-icon.svg" title="Specialization">
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
{/* Client Localization */}
<div>