feat: redesign settings page

app/icons/darkIcon.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.91496 1.69334C7.36752 2.11888 7.25215 2.75585 7.05615 3.20591L7.05576 3.20682C6.76923 3.86173 6.61177 4.57947 6.61761 5.33877L6.61763 5.34085C6.62929 8.15802 8.97294 10.5654 11.8442 10.6828L11.8446 10.6828C12.2688 10.7005 12.6741 10.6711 13.0675 10.6007C13.3386 10.5513 13.6087 10.5418 13.8548 10.5992C14.1063 10.6578 14.3642 10.7963 14.525 11.0595C14.6852 11.3216 14.6914 11.6128 14.6324 11.861C14.5744 12.1051 14.4476 12.3415 14.2854 12.5613C12.887 14.4744 10.5595 15.6853 7.96279 15.5727L7.96243 15.5727C4.27649 15.4106 1.1912 12.463 0.935785 8.81417C0.702559 5.58027 2.62215 2.76506 5.4097 1.58951C5.85844 1.39947 6.48064 1.28494 6.91496 1.69334ZM6.03358 2.60725C5.98613 2.61983 5.92991 2.63882 5.86504 2.66633L5.864 2.66677C3.50753 3.66053 1.90679 6.02819 2.10194 8.73064L2.10203 8.73198C2.3146 11.7729 4.90597 14.268 8.0138 14.4047C10.2099 14.4998 12.1686 13.4768 13.3423 11.8703L13.3441 11.8679C13.3819 11.8167 13.4114 11.7709 13.4342 11.7308C13.3894 11.7337 13.3369 11.74 13.2762 11.751L13.2744 11.7514C12.7978 11.8367 12.3071 11.8722 11.7964 11.851C8.31568 11.7086 5.46338 8.80347 5.4485 5.34673C5.4415 4.41787 5.63468 3.53833 5.98441 2.73875C6.00608 2.68894 6.02205 2.64512 6.03358 2.60725Z" fill="#18182A"/>
+</svg>

app/icons/downArrowIcon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.16681 3.65466C1.34891 3.47064 1.6457 3.46909 1.82972 3.65119L5.67028 7.45175C5.85294 7.6325 6.14706 7.6325 6.32972 7.45175L10.1703 3.65119C10.3543 3.46909 10.6511 3.47064 10.8332 3.65466C11.0153 3.83867 11.0137 4.13546 10.8297 4.31756L6.98915 8.11812C6.44119 8.66037 5.55881 8.66038 5.01085 8.11812L1.17028 4.31756C0.986269 4.13546 0.984716 3.83867 1.16681 3.65466Z" fill="#A5A5B3"/>
+</svg>

app/icons/lightIcon.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99998 4.26665C5.93812 4.26665 4.26665 5.93812 4.26665 7.99998C4.26665 10.0618 5.93812 11.7333 7.99998 11.7333C10.0618 11.7333 11.7333 10.0618 11.7333 7.99998C11.7333 5.93812 10.0618 4.26665 7.99998 4.26665ZM3.06665 7.99998C3.06665 5.27538 5.27538 3.06665 7.99998 3.06665C10.7246 3.06665 12.9333 5.27538 12.9333 7.99998C12.9333 10.7246 10.7246 12.9333 7.99998 12.9333C5.27538 12.9333 3.06665 10.7246 3.06665 7.99998Z" fill="#18182A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99994 0.733398C8.33131 0.733398 8.59994 1.00203 8.59994 1.3334V1.38673C8.59994 1.7181 8.33131 1.98673 7.99994 1.98673C7.66857 1.98673 7.39994 1.7181 7.39994 1.38673V1.3334C7.39994 1.00203 7.66857 0.733398 7.99994 0.733398ZM2.81568 2.8158C3.04999 2.58149 3.42989 2.58149 3.66421 2.8158L3.75087 2.90247C3.98519 3.13678 3.98519 3.51668 3.75087 3.751C3.51656 3.98531 3.13666 3.98531 2.90235 3.751L2.81568 3.66433C2.58136 3.43001 2.58136 3.05012 2.81568 2.8158ZM13.1842 2.8158C13.4185 3.05011 13.4185 3.43001 13.1842 3.66433L13.0975 3.751C12.8632 3.98531 12.4833 3.98531 12.249 3.751C12.0147 3.51668 12.0147 3.13678 12.249 2.90247L12.3357 2.8158C12.57 2.58149 12.9499 2.58149 13.1842 2.8158ZM0.733276 8.00006C0.733276 7.66869 1.00191 7.40007 1.33328 7.40007H1.38661C1.71798 7.40007 1.98661 7.66869 1.98661 8.00006C1.98661 8.33144 1.71798 8.60006 1.38661 8.60006H1.33328C1.00191 8.60006 0.733276 8.33144 0.733276 8.00006ZM14.0133 8.00006C14.0133 7.66869 14.2819 7.40007 14.6133 7.40007H14.6666C14.998 7.40007 15.2666 7.66869 15.2666 8.00006C15.2666 8.33144 14.998 8.60006 14.6666 8.60006H14.6133C14.2819 8.60006 14.0133 8.33144 14.0133 8.00006ZM3.75087 12.2491C3.98519 12.4835 3.98519 12.8633 3.75087 13.0977L3.66421 13.1843C3.42989 13.4186 3.04999 13.4186 2.81568 13.1843C2.58136 12.95 2.58136 12.5701 2.81568 12.3358L2.90235 12.2491C3.13666 12.0148 3.51656 12.0148 3.75087 12.2491ZM12.249 12.2491C12.4833 12.0148 12.8632 12.0148 13.0975 12.2491L13.1842 12.3358C13.4185 12.5701 13.4185 12.95 13.1842 13.1843C12.9499 13.4186 12.57 13.4186 12.3357 13.1843L12.249 13.0977C12.0147 12.8633 12.0147 12.4834 12.249 12.2491ZM7.99994 14.0134C8.33131 14.0134 8.59994 14.282 8.59994 14.6134V14.6667C8.59994 14.9981 8.33131 15.2667 7.99994 15.2667C7.66857 15.2667 7.39994 14.9981 7.39994 14.6667V14.6134C7.39994 14.282 7.66857 14.0134 7.99994 14.0134Z" fill="#18182A"/>
+</svg>

app/icons/passwordInvisible.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.70887 1.86152C3.44038 1.59303 3.00508 1.59303 2.7366 1.86152C2.46811 2.13001 2.46811 2.56531 2.7366 2.83379L3.61941 3.7166C2.29621 4.83906 1.48662 6.26092 1.09421 7.07648C0.811834 7.66332 0.812396 8.33899 1.09463 8.92529C1.45359 9.67099 2.1548 10.9094 3.26892 11.9687C4.39043 13.0349 5.95193 13.9374 8.00001 13.9374C9.78251 13.9374 11.1979 13.2534 12.2747 12.3719L13.2366 13.3338C13.5051 13.6023 13.9404 13.6023 14.2089 13.3338C14.4774 13.0653 14.4774 12.63 14.2089 12.3615L3.70887 1.86152ZM11.3856 11.4828L10.1163 10.2135C9.56695 10.7388 8.82117 11.0624 8.00001 11.0624C6.30864 11.0624 4.93751 9.69131 4.93751 7.99994C4.93751 7.17879 5.26119 6.433 5.78643 5.88363L4.50681 4.60401C3.3311 5.57087 2.58821 6.85446 2.2206 7.61846C2.10331 7.86222 2.10336 8.13888 2.22093 8.38312C2.54536 9.05708 3.16779 10.1477 4.1302 11.0627C5.08523 11.9707 6.35315 12.6874 8.00001 12.6874C9.38374 12.6874 10.4986 12.1818 11.3856 11.4828ZM6.51577 2.22912C6.98137 2.12171 7.4761 2.06244 8.00001 2.06244C10.0482 2.06244 11.6097 2.96525 12.7312 4.03174C13.8454 5.09121 14.5466 6.32994 14.9055 7.07576C15.1877 7.66226 15.1879 8.33839 14.9055 8.92506C14.7402 9.26846 14.5047 9.71135 14.1927 10.1912C14.0046 10.4806 13.6175 10.5627 13.3281 10.3746C13.0387 10.1864 12.9566 9.79932 13.1447 9.50993C13.4225 9.08268 13.6325 8.6877 13.7792 8.38291C13.8966 8.13902 13.8966 7.86191 13.7791 7.61782C13.4547 6.94373 12.8323 5.85279 11.8699 4.93756C10.9148 4.02935 9.64688 3.31244 8.00001 3.31244C7.5712 3.31244 7.17073 3.36085 6.79676 3.44713C6.46041 3.52472 6.12485 3.31496 6.04726 2.97862C5.96967 2.64227 6.17943 2.30671 6.51577 2.22912ZM6.508 6.97036C6.30559 7.26299 6.18751 7.6176 6.18751 7.99994C6.18751 9.00096 6.999 9.81244 8.00001 9.81244C8.38235 9.81244 8.73697 9.69436 9.02959 9.49196L6.508 6.97036Z" fill="#88889A"/>
+</svg>

app/icons/passwordVisible.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.26876 4.0318C4.39025 2.96531 5.9518 2.0625 7.99999 2.0625C10.0482 2.0625 11.6097 2.96531 12.7312 4.0318C13.8453 5.09127 14.5465 6.33001 14.9055 7.07582C15.1877 7.66241 15.1877 8.33878 14.9054 8.92535C14.5464 9.67105 13.8452 10.9095 12.7311 11.9687C11.6096 13.035 10.0481 13.9375 7.99999 13.9375C5.9519 13.9375 4.3904 13.035 3.26889 11.9687C2.15477 10.9095 1.45356 9.67105 1.0946 8.92535C0.812237 8.33878 0.812223 7.66241 1.09452 7.07582C1.45345 6.33001 2.15464 5.09127 3.26876 4.0318ZM4.13015 4.93762C3.16771 5.85285 2.54528 6.94379 2.22087 7.61789C2.10345 7.86188 2.10346 8.13922 2.2209 8.38318C2.54533 9.05714 3.16776 10.1478 4.13017 11.0628C5.0852 11.9708 6.35312 12.6875 7.99999 12.6875C9.64685 12.6875 10.9148 11.9708 11.8698 11.0628C12.8322 10.1478 13.4546 9.05714 13.7791 8.38318C13.8965 8.13922 13.8965 7.86188 13.7791 7.61789C13.4547 6.94379 12.8323 5.85285 11.8698 4.93762C10.9148 4.02941 9.64685 3.3125 7.99999 3.3125C6.35312 3.3125 5.0852 4.02941 4.13015 4.93762ZM7.99999 6.1875C6.99897 6.1875 6.18749 6.99898 6.18749 8C6.18749 9.00102 6.99897 9.8125 7.99999 9.8125C9.001 9.8125 9.81249 9.00102 9.81249 8C9.81249 6.99898 9.001 6.1875 7.99999 6.1875ZM4.93749 8C4.93749 6.30863 6.30861 4.9375 7.99999 4.9375C9.69136 4.9375 11.0625 6.30863 11.0625 8C11.0625 9.69137 9.69136 11.0625 7.99999 11.0625C6.30861 11.0625 4.93749 9.69137 4.93749 8Z" fill="#88889A"/>
+</svg>

app/icons/systemIcon.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.35004 2.35016C2.09657 2.60363 1.93328 3.10612 1.93328 4.2934V8.52006C1.93328 9.70763 2.09668 10.2096 2.34964 10.4621C2.60243 10.7144 3.10422 10.8767 4.29159 10.8734L4.29328 10.8734L11.7066 10.8734C12.895 10.8734 13.3971 10.7114 13.6502 10.4587C13.9031 10.2063 14.0666 9.70458 14.0666 8.5134V4.2934C14.0666 3.10606 13.9033 2.60395 13.6494 2.35056C13.3951 2.09676 12.8908 1.9334 11.6999 1.9334H4.29328C3.106 1.9334 2.60351 2.09669 2.35004 2.35016ZM1.50151 1.50163C2.13638 0.866771 3.11389 0.733398 4.29328 0.733398H11.6999C12.8824 0.733398 13.8614 0.866702 14.4971 1.50124C15.1333 2.13618 15.2666 3.11407 15.2666 4.2934V8.5134C15.2666 9.69555 15.1334 10.6738 14.498 11.3081C13.8628 11.942 12.8849 12.0734 11.7066 12.0734H4.29405C3.11516 12.0767 2.1373 11.9456 1.50191 11.3114C0.866538 10.6772 0.733276 9.69917 0.733276 8.52006V4.2934C0.733276 3.11401 0.866649 2.1365 1.50151 1.50163Z" fill="#18182A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.9999 10.8801C8.33127 10.8801 8.5999 11.1488 8.5999 11.4801V14.6668C8.5999 14.9982 8.33127 15.2668 7.9999 15.2668C7.66853 15.2668 7.3999 14.9982 7.3999 14.6668V11.4801C7.3999 11.1488 7.66853 10.8801 7.9999 10.8801Z" fill="#18182A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.733276 8.66665C0.733276 8.33528 1.00191 8.06665 1.33328 8.06665H14.6666C14.998 8.06665 15.2666 8.33528 15.2666 8.66665C15.2666 8.99802 14.998 9.26665 14.6666 9.26665H1.33328C1.00191 9.26665 0.733276 8.99802 0.733276 8.66665Z" fill="#18182A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.3999 14.6667C4.3999 14.3353 4.66853 14.0667 4.9999 14.0667H10.9999C11.3313 14.0667 11.5999 14.3353 11.5999 14.6667C11.5999 14.998 11.3313 15.2667 10.9999 15.2667H4.9999C4.66853 15.2667 4.3999 14.998 4.3999 14.6667Z" fill="#18182A"/>
+</svg>