fixing navbar

Adding Svg files and fixing appearance of navbar to look like the design pages

public/images/Bottom-Bar.svg

@@ -0,0 +1,6 @@
+<svg width="402" height="89" viewBox="0 0 402 89" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 0H402V89H0V0Z" fill="#A1887F"/>
+<line x1="97.5" y1="2" x2="97.5" y2="87" stroke="#917A72" stroke-width="3"/>
+<line x1="200.5" y1="2" x2="200.5" y2="87" stroke="#917A72" stroke-width="3"/>
+<line x1="302.5" y1="2" x2="302.5" y2="87" stroke="#917A72" stroke-width="3"/>
+</svg>

public/images/home.svg

@@ -0,0 +1,9 @@
+<svg width="43" height="42" viewBox="0 0 43 42" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="42.9618" height="42" fill="url(#pattern0_217_89)"/>
+<defs>
+<pattern id="pattern0_217_89" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_217_89" transform="matrix(0.01 0 0 0.010229 0 -0.0114504)"/>
+</pattern>
+<image id="image0_217_89" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAABbVJREFUeAHtnFvofFMUxz8uud8iRJSQEg+IkpKk3EkppVBKXj16k0flyZOkPFBKKUqRFCXlUpI8yIP7JYTc77fZf7Nyfud39l77t9eZ9TszZ52a1sxea+313d/vnj37nJkzEEcwEAxsNgOXAa8tH+l5HLvEwF7AncBfwD/Lx9/APcDeu4RptmUPA57oCCGCiH0aOHK27DgP/Czg3YIYIsqHwHnO2GZX7ibgpwoxRJRfgNtmx5LDgPcH7tuBECKI2IeBAx1wzqLECcDLBjFElNeBk2bB2AoHeRHw+QhiiChfAZeuEO/Gdp22tHcAf4wohojy54K1uyu2xhJfazdWjEOBx1cgRJ/Yp4AjCiz247XXha7W13Um8I6DGEJuqpVqDh139U46JSdnh/pY67YbgR8dxRBi09b41gxzFwNfVGLKdLF+zfsuL3cIQbtlHwD2G6DvROCVClEGUtev6Rjg+YrBeon0EnD8AI0150EDaevVdCHw2YTEENG/BC7JUHlL4UpBJmU9mm8Hfp+gGCJK2m6nK8lp+90/zgbeG8Dej1uL14cAjw0MRoiYmn0SOHyA2aOAZ3rjGAibdtNpwFu9QUxNgCE8aWt8xgC1/e9jBkKm23Qt8O0aiiEC/QDckKH3SuCbjG9yzWlLey+QvsmTwa2rTWNIY0lj6h+n9Bum+Ppo4LkNEKI/gV4Ejpsi4SVM5wIfbKAYIs6nwAUlAqbkS1va3zZYDBFFtsZT4n4LlgOAh2YghAgi9tHFZ8vBW5iYwItTgTdnKIaI8vbi/Or0CeiwB8LVy22fgJur/X5xnnX9borSPzGaqxDdccsP9fbxFiZdOnh2xktUV4Sh5y8Ax3qJck7m4toQsDm3fQycv2pR0uXnn+OdUX3V4dfljzVG1yVtaR8MIaqF6K8MjwAHjaVK+grz1RCjWQwR5w3gZKsoVwBfhxhmMUSU74DrWkSJLe3qrk7L1rj6Hhbt3gtRO6xNtKp7WGrvvQgxbGIIf8V7WK6JLe1onxVCeI1NpxGJ+23HJwMf3jU/EKspGjH/v6OGOE0nkduO1Ngl7n4g/UCs2xbP7XwkThO3XS7T0rXtuGpx+1d6l7y/uIfv5o63mxjPtxLZwodQmzhO3zwmMS6XxhrbUjRy8sLVcF6MCXLz5LZwUyS7xtlSNHLyItZwXowJcvPktnBTJLvG2VI0cvIi1nBejAly8+S2cFMku8bZUjRy8iLWcF6MCXLz5LZwUyS7xtlSNHLyItZwXowJcvPktnBTJLvG2VI0cvIi1nBejAly8+S2cFMku8bZUjRy8iLWcF6MCXLz5LZwUyS7xtlSNHLyItZwXowJcvPktnBTJLvG2VJ0jJwabJaYMTC29GHBvCe3pegYOWbgSgdjYGzpQ4Glu1uKjpGjI7NFjIGxpQ8b6t6X8S0AWnPMwJUOWnFZ8xRYutsKoDVfR2aLaMVlzbOhjnfIlp/rWMVI+eZjDBAtfZiBKx20YBojR4Glu8cA0dKHjswW0YJpjBwb6liyYsmSWWieSUoHUsfbKrB0tzdgqacjs0VIHW9rQx1LVixZMmPNM0npQOp4WwWW7vYGLPV0ZLYIqeNtbahjyYolS2aseSYpHUgdb6vA0t3egKWejswWIXW8rQ11LFmxZMmMNc8kpQOp420VWLrbG7DU05HZIqSOt7WhjiUrliyZseaZpHQgdbytAkt3ewOWejoyW4TU8bY21LFkxZIlM9Y8k5QOpI63VWDpbm/AUk9HZouQOt7WhjqWrFiyZMaaZ5LSgdTxtgos3e0NWOrpyGwRUsfb2lDHkhVLlsxY80xSOpA63laBpbu9AUs9HZktQup4WxvqWLJiyZIZa55JSgdSx9sqsHR3/78YvQagI7NFeI2jW+cjG+T/stPfjaeOuh17PB8De6kPjzF0ayQOd/TfiiXw4QsGgoFgIBgIBoKBYCAY2AkD/wIbcQPPmO8aMAAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>

public/images/leaderboard.svg

@@ -0,0 +1,9 @@
+<svg width="59" height="56" viewBox="0 0 59 56" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="0.923584" width="57.2824" height="56" fill="url(#pattern0_217_91)"/>
+<defs>
+<pattern id="pattern0_217_91" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_217_91" transform="matrix(0.01 0 0 0.010229 0 -0.0114504)"/>
+</pattern>
+<image id="image0_217_91" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAABRBJREFUeAHtnFvIPVMYhx/kVI5/pwjlnKJIiQsixyhnIvkjolCKcqFcONyIC4WEC6VILiQhIYdyQyE55MYNkiiEnE/f72uP3j1m9jeHPfPNWn5T057D/uZ73+eZNbNmrTUbPJmACZiACZiACZiACZiACZiACZiACZiACZiACZiACZiACWRAYE/gAuCqic+KUbFmPV0N/Ar8ncj8C6CYs5z2B35LREQ8YRTzfjkauSxBGYWYS3MUclrCQk7NUcgWwLsJSnkH2DxHIcppA3Af8EkCYhSjYlXM2U9nJSBEMf5vJguZmGoLsZDWD6O+ZE3svmIhHYT8DDwMXAs8APzR4RjFw1/500Jawny2ovHv7pbHKEuI6xbSEKZKwTU198QzGh4jgq9btpCGMF8IMvQEvV1YVxNHHeC22y2kIcxPgUOBE2dNMUfnLGRT4ADgiIHnGxvCb3JWZyvkBODzJYJqAnMZ38lSyG7AtwnKkNAshVyUqIxshZxrIf+pna1rLWv7RO8f2ZYQ1RwPWalKvgH8nlhpyfIeEqrynGMhq5evH4BvBp4/Ax4H9ogCysu6di6jOjrWMY4PCZydWOwFo4+ArUIec4upCXkI2ATYDHgiUSESc/qchbCSmhAl8wXwZcIylMMlwcHcYopCiqKf6udPwN5zFsKKhYx7D1XlQQ/mtZOFjCfkZmCHWhOzHcsQ8tLM+oHAXsCRwC0rHUtfJX6dX/YlUazXnPoIUW/e5Qv+w67A25by72PF4ELuKsnQeN4tS9v2TfS1hGWXDh1vcCGHBfgXArphqdTcFLZr8RWXktVSMriQ4uFG7WLfB+hfl4Q8GfYNcealcszBhfwIvAh8VwL+eknI+6X9UweofDT+SyV940pn3vWzNijl2yf2wYVUBaeeyIOCkGN6JlH1P4ba9hdwB7BtiD8uqqf1uR75jC5EL02eHDJQYh/3SGAo8HXHvT/EXreoSsuHHXMaVYheljwzZKHAX+4YeB2wobfHlmQNO1KrrC5Tj5XeqrqhY16jCVEn1/lBhqq/z3QMemjoi46vN6i2AdTFrfam+N2TQn5XlPbF7y1aHkWIqrkXh2A1uvDpjgEvSmY99+m+GDuVHu2Y3yhC4ov2kvFUx2DXE3jV//4AuG5Wy9o9nHAqPX92zHFwIfeGQLWoS5WezOOsYaDqtqxKesrbTinlptXbe7Y6DC6kKuiKPFYHVEwZflVst1UlMhtyqw6yqr9Za9vgQp4H9BMaOy6Yde1VdXKtYKe4X01Bgq+Whp2DoPM65jO4kClC7BOTbt6v1vxgzj1BiAYodBk+ZSEtz+SjZtD1DKLX56Lccsu2Sk/c32TZQlpC2yeUAg3IUzPJe8CDgEZ7FtPhLY9byLKQluCaNJ2oJqnLWgG5zaeFdAD3CBBLSlEq9Hkw8FqHYxbSLKQjPLU+qFtBb/neCuh5601ArcEF3C6fFtITYBfoi/7GQiykX5FedHblsM8lJMUSok6lHM6+FHKIHXix9ja3fJyFjHZCHjtHvmZFo7BTOLtyiLHxL2enNkwnRTlqgmk8aXxuikmmFHPtCzpVlvR6mId7DndSavSNflem1bQT8JZLytKvFGpy6fxbwFsDavcv9wWkdGmYSqxieOeit23bFBe913Hl7Jee1X3puTkDNURq3NYubYD7uyZgAiZgAiZgAiZgAiZgAiZgAiZgAiZgAiZgAiZgAiZgAiZgAiZgAiZgAiZgAvME/gESCtM3G1YA3wAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>

public/images/profile.svg

@@ -0,0 +1,9 @@
+<svg width="59" height="57" viewBox="0 0 59 57" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="58.3053" height="57" fill="url(#pattern0_217_92)"/>
+<defs>
+<pattern id="pattern0_217_92" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_217_92" transform="matrix(0.01 0 0 0.010229 0 -0.0114504)"/>
+</pattern>
+<image id="image0_217_92" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAABA1JREFUeAHtnE3I1EYchx+tH8UqfoCCh1o/oIoV7UGxKLSgvXjpyQoKoggqCFoUvOhJL9KrICJ6kKIiSmnVQ0Gpii0UReypolhRVPw4aKUHvwrV/WmGF8Our9nNZmd3fn8I2ewm2ZnnySSZyWTAYQImYAImYAImYAImYAImYAImYAImYAImYAImYAImYAImYAImYAImYAImYAImYAImYAImYAImYAImYAImYAImYALlEBgEjM4mfXZUSGAAMB/YDvwK3ANe5qa72W/bgHmAtnGUTGA4sAm4noOfl1FvWdtsBD4qOU1J7k5H9wrgQRMi8nLu14Qud4lp/jgaCRwtQURezHFgTPPJSnPLicDVNsgIcnQam5Im2uK5/gS400YZQcptYELx5KW1hU5TVyqQEaRcBkakhbhYbo9UKCNIOVQsiemsvbgDMoKUb9LB/H45HQLc7KAQXeQHv19S01hrVQdlhFKi+o4jI3AhAiF/2MYbAp9GICOUksmWAusiErLWQuBAREJ+sBC4GJGQ8xZS/5lGOKdXPVeTTfLxb0QlRGlJPh5HJORR8jaAWxEJUWtB8nEuIiFnkrcB7I5IyC4LgaURCVliITAWeBGBlOd+1t53OB6LQMhPfcnxp4URCPnSGt4m0Mm7LfWCdOQIzAT+60BJ0fXrs1xavJgR2NIBIZtNvzGBgcCPFUpRLxd3xm7s4/UvH9Z6uJ+qQMpJYGg/afHPGQGBOtxGKeqLpZ4ujgIEdCr5DnhaopgnwPoCafCqdQioU7Qqjv+3IEbbquLnTgx1ADf71efAPqDI85N/gL01GbOa/VNv1z8BXV++qtVZtgIHgd+AP7NJn/WdflPN29eJ/nl6DRMwARMwARMwARMwgagIjMpudzdk9RFVFs9mt7s3au+za9Ltr777Oat/qFau21+9u+hokYDGLdGTxJ3A3y3U0kN31GvZvhYAHhOlgJw5wP5am9PDEiQEGfm59q3/mF0gXUmtqucgXwMn2ighLyUs/w58C3yQFPF3ZFanpb86ICIICXOlQWlJNsbXWl/1gkwrrbgBZplzldLkRnhYUxtuKabXEPJClbbVKRQVPZ5Vc3geQKzLKsHDelXMx4BeGYsVfqN0XQIm9ZqUaYCG3muU6di/1wBqM3pFSrfLCAdLT0jpFRk9IWVcRQORBVhVzTXwmfLWVaFarzqiVQWp6v853W3tYd/3sIwgf0e3FJFFEda+A8Qy52phUF6jDnW7aedoomUCLWNfGvhMld1oY1kCp6q8yJXR2gB+SVCInlBGGXqmEXODYf7ILmv5WayvNahTdFmZ7Lb9TI+xiMxNWMgXMQqZmrAQjRsZZexJUIryHHXo9WaNUq2OA708KY/Kq8METMAETMAEoiDwCl6HggQTMLsEAAAAAElFTkSuQmCC"/>
+</defs>
+</svg>

public/images/qr.svg

@@ -0,0 +1,9 @@
+<svg width="47" height="45" viewBox="0 0 47 45" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="46.0305" height="45" fill="url(#pattern0_217_90)"/>
+<defs>
+<pattern id="pattern0_217_90" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_217_90" transform="matrix(0.01 0 0 0.010229 0 -0.0114504)"/>
+</pattern>
+<image id="image0_217_90" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>