Fee slider

Issue: The fee setting is currently burried under Settings, which makes it hard for the user to change. This feature is quite useful when the network is congested, hence the ability to adjust fee would be handy. A suggestion to change as follows:

Current miner fee is displayed as static text:

New proposed fee slider:

Screen:

SVG:

<svg width="476" height="89" viewBox="0 0 476 89" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="44.5" cy="44.5" r="44.5" fill="#F2C94C"/>
<rect x="44" width="387" height="89" fill="url(#paint0_linear)"/>
<path d="M37.6673 45.1051C37.1388 43.0682 35.5451 41.7386 32.7156 41.7386C29.7582 41.7386 27.6616 43.2983 27.6616 45.6165C27.6616 47.4744 28.7866 48.7102 31.2411 49.2557L33.457 49.7415C34.7184 50.0227 35.3065 50.5852 35.3065 51.4034C35.3065 52.4176 34.2241 53.2102 32.5536 53.2102C31.0281 53.2102 30.0479 52.554 29.7411 51.267L27.2781 51.642C27.7042 53.9602 29.6303 55.2642 32.5707 55.2642C35.7326 55.2642 37.9229 53.5852 37.9229 51.2159C37.9229 49.3665 36.7468 48.2244 34.3434 47.6705L32.2638 47.1932C30.8235 46.8523 30.2013 46.3665 30.2099 45.4801C30.2013 44.4744 31.2923 43.7585 32.7411 43.7585C34.3263 43.7585 35.0593 44.6364 35.3576 45.5142L37.6673 45.1051ZM43.2731 37.5455H40.7248V55H43.2731V37.5455ZM52.2156 55.2642C55.9059 55.2642 58.3178 52.5625 58.3178 48.5142C58.3178 44.4403 55.9059 41.7386 52.2156 41.7386C48.5252 41.7386 46.1133 44.4403 46.1133 48.5142C46.1133 52.5625 48.5252 55.2642 52.2156 55.2642ZM52.2241 53.125C49.8121 53.125 48.6871 51.0199 48.6871 48.5057C48.6871 46 49.8121 43.8693 52.2241 43.8693C54.619 43.8693 55.744 46 55.744 48.5057C55.744 51.0199 54.619 53.125 52.2241 53.125ZM63.6019 55H66.1928L68.8519 45.5483H69.0479L71.707 55H74.3065L78.1502 41.9091H75.5167L72.9684 51.4801H72.8406L70.2837 41.9091H67.6502L65.0763 51.5227H64.9485L62.3832 41.9091H59.7496L63.6019 55Z" fill="black"/>
<circle cx="431.5" cy="44.5" r="44.5" fill="#F2994A"/>
<circle cx="246.5" cy="44.5" r="44.5" fill="#4CF284"/>
<path d="M224.929 50.2898C227.094 50.2898 228.312 49.1903 228.798 48.2102H228.901V50H231.389V41.3068C231.389 37.4972 228.389 36.7386 226.31 36.7386C223.94 36.7386 221.759 37.6932 220.906 40.0795L223.301 40.625C223.676 39.696 224.631 38.8011 226.344 38.8011C227.989 38.8011 228.832 39.6619 228.832 41.1449V41.2045C228.832 42.1335 227.878 42.1165 225.526 42.3892C223.045 42.679 220.506 43.3267 220.506 46.3011C220.506 48.875 222.44 50.2898 224.929 50.2898ZM225.483 48.2443C224.043 48.2443 223.003 47.5966 223.003 46.3352C223.003 44.9716 224.213 44.4858 225.688 44.2898C226.514 44.179 228.474 43.9574 228.841 43.5909V45.2784C228.841 46.8295 227.605 48.2443 225.483 48.2443ZM243.076 44.571C243.085 46.7955 241.431 47.8523 239.999 47.8523C238.423 47.8523 237.332 46.7102 237.332 44.929V36.9091H234.783V45.2358C234.783 48.483 236.565 50.1705 239.079 50.1705C241.048 50.1705 242.386 49.1307 242.991 47.733H243.127V50H245.633V36.9091H243.076V44.571ZM255.168 36.9091H252.483V33.7727H249.935V36.9091H248.017V38.9545H249.935V46.6847C249.926 49.0625 251.741 50.2131 253.753 50.1705C254.562 50.1619 255.108 50.0085 255.406 49.8977L254.946 47.7926C254.776 47.8267 254.46 47.9034 254.051 47.9034C253.224 47.9034 252.483 47.6307 252.483 46.1562V38.9545H255.168V36.9091ZM263.36 50.2642C267.05 50.2642 269.462 47.5625 269.462 43.5142C269.462 39.4403 267.05 36.7386 263.36 36.7386C259.67 36.7386 257.258 39.4403 257.258 43.5142C257.258 47.5625 259.67 50.2642 263.36 50.2642ZM263.369 48.125C260.957 48.125 259.832 46.0199 259.832 43.5057C259.832 41 260.957 38.8693 263.369 38.8693C265.763 38.8693 266.888 41 266.888 43.5057C266.888 46.0199 265.763 48.125 263.369 48.125Z" fill="black"/>
<path d="M416.982 39.9091H414.161V38.733C414.161 37.5739 414.638 36.9432 415.883 36.9432C416.411 36.9432 416.786 37.0625 417.025 37.1392L417.621 35.0767C417.263 34.9403 416.522 34.7273 415.491 34.7273C413.42 34.7273 411.604 35.9375 411.604 38.392V39.9091H409.585V41.9545H411.604V53H414.161V41.9545H416.982V39.9091ZM423.023 53.2898C425.188 53.2898 426.406 52.1903 426.892 51.2102H426.994V53H429.483V44.3068C429.483 40.4972 426.483 39.7386 424.403 39.7386C422.034 39.7386 419.852 40.6932 419 43.0795L421.395 43.625C421.77 42.696 422.724 41.8011 424.438 41.8011C426.082 41.8011 426.926 42.6619 426.926 44.1449V44.2045C426.926 45.1335 425.972 45.1165 423.619 45.3892C421.139 45.679 418.599 46.3267 418.599 49.3011C418.599 51.875 420.534 53.2898 423.023 53.2898ZM423.577 51.2443C422.136 51.2443 421.097 50.5966 421.097 49.3352C421.097 47.9716 422.307 47.4858 423.781 47.2898C424.608 47.179 426.568 46.9574 426.935 46.5909V48.2784C426.935 49.8295 425.699 51.2443 423.577 51.2443ZM442.687 43.1051C442.158 41.0682 440.565 39.7386 437.735 39.7386C434.778 39.7386 432.681 41.2983 432.681 43.6165C432.681 45.4744 433.806 46.7102 436.261 47.2557L438.477 47.7415C439.738 48.0227 440.326 48.5852 440.326 49.4034C440.326 50.4176 439.244 51.2102 437.573 51.2102C436.048 51.2102 435.067 50.554 434.761 49.267L432.298 49.642C432.724 51.9602 434.65 53.2642 437.59 53.2642C440.752 53.2642 442.942 51.5852 442.942 49.2159C442.942 47.3665 441.766 46.2244 439.363 45.6705L437.283 45.1932C435.843 44.8523 435.221 44.3665 435.229 43.4801C435.221 42.4744 436.312 41.7585 437.761 41.7585C439.346 41.7585 440.079 42.6364 440.377 43.5142L442.687 43.1051ZM451.855 39.9091H449.17V36.7727H446.622V39.9091H444.705V41.9545H446.622V49.6847C446.614 52.0625 448.429 53.2131 450.44 53.1705C451.25 53.1619 451.795 53.0085 452.094 52.8977L451.634 50.7926C451.463 50.8267 451.148 50.9034 450.739 50.9034C449.912 50.9034 449.17 50.6307 449.17 49.1562V41.9545H451.855V39.9091Z" fill="black"/>
<defs>
<linearGradient id="paint0_linear" x1="431" y1="44" x2="176.347" y2="44" gradientUnits="userSpaceOnUse">
<stop stop-color="#F2994A"/>
<stop offset="1" stop-color="#F2C94C"/>
</linearGradient>
</defs>