diff --git a/demo_app/lib/assets/icons/avatar.png b/demo_app/lib/assets/icons/avatar.png
index 685ad1a3..6fdd7a93 100644
Binary files a/demo_app/lib/assets/icons/avatar.png and b/demo_app/lib/assets/icons/avatar.png differ
diff --git a/demo_app/lib/assets/icons/back.png b/demo_app/lib/assets/icons/back.png
index 6c90e89b..1946470f 100644
Binary files a/demo_app/lib/assets/icons/back.png and b/demo_app/lib/assets/icons/back.png differ
diff --git a/demo_app/lib/assets/icons/buttons.png b/demo_app/lib/assets/icons/buttons.png
index d7cf8870..7766c49b 100644
Binary files a/demo_app/lib/assets/icons/buttons.png and b/demo_app/lib/assets/icons/buttons.png differ
diff --git a/demo_app/lib/assets/icons/chips.png b/demo_app/lib/assets/icons/chips.png
index 99b08372..e6e8ad1e 100644
Binary files a/demo_app/lib/assets/icons/chips.png and b/demo_app/lib/assets/icons/chips.png differ
diff --git a/demo_app/lib/assets/icons/danger.svg b/demo_app/lib/assets/icons/danger.svg
index dea91e14..fe3edb5f 100644
--- a/demo_app/lib/assets/icons/danger.svg
+++ b/demo_app/lib/assets/icons/danger.svg
@@ -1,12 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_906" data-name="Group 906" transform="translate(-8502 -285)">
-    <rect id="Rectangle_43" data-name="Rectangle 43" width="18" height="18" transform="translate(8502 285)" fill="#fff" opacity="0"/>
-    <g id="radiation" transform="translate(8504 287)">
-      <path id="Path_23" data-name="Path 23" d="M131.615,268.508a.321.321,0,0,0-.438-.117,1.416,1.416,0,0,1-1.413,0,.321.321,0,0,0-.439.117l-2.161,3.743a.321.321,0,0,0,.118.438,6.41,6.41,0,0,0,3.137.854h.057a6.371,6.371,0,0,0,3.183-.855.321.321,0,0,0,.117-.438Zm-1.14,4.394h-.051a5.77,5.77,0,0,1-2.539-.616l1.848-3.2a2.059,2.059,0,0,0,1.474,0l1.848,3.2A5.725,5.725,0,0,1,130.475,272.9Z" transform="translate(-123.043 -259.74)" fill="#fff"/>
-      <path id="Path_24" data-name="Path 24" d="M37.718,63.6a1.419,1.419,0,0,1,.706-1.224.321.321,0,0,0,.117-.438L36.38,58.2a.321.321,0,0,0-.438-.117A6.373,6.373,0,0,0,32.754,63.6a.321.321,0,0,0,.321.321H37.4A.321.321,0,0,0,37.718,63.6ZM33.4,63.282A5.729,5.729,0,0,1,35.989,58.8l1.849,3.2a2.066,2.066,0,0,0-.736,1.276Z" transform="translate(-31.703 -56.175)" fill="#fff"/>
-      <path id="Path_25" data-name="Path 25" d="M253.56,60.482A6.37,6.37,0,0,0,251.2,58.1a.321.321,0,0,0-.438.117l-2.16,3.742a.321.321,0,0,0,.117.438,1.419,1.419,0,0,1,.707,1.224.321.321,0,0,0,.321.321h4.322a.321.321,0,0,0,.321-.321A6.409,6.409,0,0,0,253.56,60.482ZM250.041,63.3a2.066,2.066,0,0,0-.737-1.277l1.848-3.2a5.729,5.729,0,0,1,2.585,4.477h-3.7Z" transform="translate(-240.585 -56.198)" fill="#fff"/>
-      <path id="Path_26" data-name="Path 26" d="M197.811,198.893a1.082,1.082,0,1,0,1.082-1.082A1.083,1.083,0,0,0,197.811,198.893Zm1.082-.44a.44.44,0,1,1-.44.44A.441.441,0,0,1,198.893,198.453Z" transform="translate(-191.466 -191.466)" fill="#fff"/>
-      <path id="Path_27" data-name="Path 27" d="M12.679,2.175a7.427,7.427,0,0,0-10.5,10.5,7.427,7.427,0,0,0,10.5-10.5ZM7.427,14.213a6.786,6.786,0,1,1,6.786-6.786A6.793,6.793,0,0,1,7.427,14.213Z" fill="#fff"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_906" data-name="Group 906" transform="translate(-8502 -285)"><rect id="Rectangle_43" width="18" height="18" fill="#fff" data-name="Rectangle 43" opacity="0" transform="translate(8502 285)"/><g id="radiation" transform="translate(8504 287)"><path id="Path_23" fill="#fff" d="M131.615,268.508a.321.321,0,0,0-.438-.117,1.416,1.416,0,0,1-1.413,0,.321.321,0,0,0-.439.117l-2.161,3.743a.321.321,0,0,0,.118.438,6.41,6.41,0,0,0,3.137.854h.057a6.371,6.371,0,0,0,3.183-.855.321.321,0,0,0,.117-.438Zm-1.14,4.394h-.051a5.77,5.77,0,0,1-2.539-.616l1.848-3.2a2.059,2.059,0,0,0,1.474,0l1.848,3.2A5.725,5.725,0,0,1,130.475,272.9Z" data-name="Path 23" transform="translate(-123.043 -259.74)"/><path id="Path_24" fill="#fff" d="M37.718,63.6a1.419,1.419,0,0,1,.706-1.224.321.321,0,0,0,.117-.438L36.38,58.2a.321.321,0,0,0-.438-.117A6.373,6.373,0,0,0,32.754,63.6a.321.321,0,0,0,.321.321H37.4A.321.321,0,0,0,37.718,63.6ZM33.4,63.282A5.729,5.729,0,0,1,35.989,58.8l1.849,3.2a2.066,2.066,0,0,0-.736,1.276Z" data-name="Path 24" transform="translate(-31.703 -56.175)"/><path id="Path_25" fill="#fff" d="M253.56,60.482A6.37,6.37,0,0,0,251.2,58.1a.321.321,0,0,0-.438.117l-2.16,3.742a.321.321,0,0,0,.117.438,1.419,1.419,0,0,1,.707,1.224.321.321,0,0,0,.321.321h4.322a.321.321,0,0,0,.321-.321A6.409,6.409,0,0,0,253.56,60.482ZM250.041,63.3a2.066,2.066,0,0,0-.737-1.277l1.848-3.2a5.729,5.729,0,0,1,2.585,4.477h-3.7Z" data-name="Path 25" transform="translate(-240.585 -56.198)"/><path id="Path_26" fill="#fff" d="M197.811,198.893a1.082,1.082,0,1,0,1.082-1.082A1.083,1.083,0,0,0,197.811,198.893Zm1.082-.44a.44.44,0,1,1-.44.44A.441.441,0,0,1,198.893,198.453Z" data-name="Path 26" transform="translate(-191.466 -191.466)"/><path id="Path_27" fill="#fff" d="M12.679,2.175a7.427,7.427,0,0,0-10.5,10.5,7.427,7.427,0,0,0,10.5-10.5ZM7.427,14.213a6.786,6.786,0,1,1,6.786-6.786A6.793,6.793,0,0,1,7.427,14.213Z" data-name="Path 27"/></g></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/dark.svg b/demo_app/lib/assets/icons/dark.svg
index a5e5eb1b..571496c3 100644
--- a/demo_app/lib/assets/icons/dark.svg
+++ b/demo_app/lib/assets/icons/dark.svg
@@ -1,11 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_909" data-name="Group 909" transform="translate(-8457 -197)">
-    <rect id="Rectangle_46" data-name="Rectangle 46" width="18" height="18" transform="translate(8457 197)" fill="#fff" opacity="0"/>
-    <g id="delete" transform="translate(8460.003 199.001)">
-      <path id="Path_33" data-name="Path 33" d="M222.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,222.73,154.7Zm0,0" transform="translate(-215.025 -149.573)" fill="#fff"/>
-      <path id="Path_34" data-name="Path 34" d="M104.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,104.73,154.7Zm0,0" transform="translate(-100.939 -149.573)" fill="#fff"/>
-      <path id="Path_35" data-name="Path 35" d="M.939,4.215v8.172a1.83,1.83,0,0,0,.486,1.262,1.633,1.633,0,0,0,1.185.512H8.886a1.633,1.633,0,0,0,1.185-.512,1.83,1.83,0,0,0,.486-1.262V4.215a1.267,1.267,0,0,0-.325-2.492h-1.7V1.309A1.3,1.3,0,0,0,7.22,0H4.275a1.3,1.3,0,0,0-1.313,1.31v.415h-1.7A1.267,1.267,0,0,0,.939,4.215ZM8.886,13.5H2.61A1.05,1.05,0,0,1,1.6,12.386V4.244H9.894v8.143A1.05,1.05,0,0,1,8.886,13.5ZM3.625,1.309a.639.639,0,0,1,.65-.647H7.221a.639.639,0,0,1,.65.647v.415H3.625ZM1.264,2.387h8.968a.6.6,0,0,1,0,1.194H1.264a.6.6,0,1,1,0-1.194Zm0,0" transform="translate(0 0)" fill="#fff"/>
-      <path id="Path_36" data-name="Path 36" d="M163.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,163.73,154.7Zm0,0" transform="translate(-157.982 -149.573)" fill="#fff"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_909" data-name="Group 909" transform="translate(-8457 -197)"><rect id="Rectangle_46" width="18" height="18" fill="#fff" data-name="Rectangle 46" opacity="0" transform="translate(8457 197)"/><g id="delete" transform="translate(8460.003 199.001)"><path id="Path_33" fill="#fff" d="M222.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,222.73,154.7Zm0,0" data-name="Path 33" transform="translate(-215.025 -149.573)"/><path id="Path_34" fill="#fff" d="M104.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,104.73,154.7Zm0,0" data-name="Path 34" transform="translate(-100.939 -149.573)"/><path id="Path_35" fill="#fff" d="M.939,4.215v8.172a1.83,1.83,0,0,0,.486,1.262,1.633,1.633,0,0,0,1.185.512H8.886a1.633,1.633,0,0,0,1.185-.512,1.83,1.83,0,0,0,.486-1.262V4.215a1.267,1.267,0,0,0-.325-2.492h-1.7V1.309A1.3,1.3,0,0,0,7.22,0H4.275a1.3,1.3,0,0,0-1.313,1.31v.415h-1.7A1.267,1.267,0,0,0,.939,4.215ZM8.886,13.5H2.61A1.05,1.05,0,0,1,1.6,12.386V4.244H9.894v8.143A1.05,1.05,0,0,1,8.886,13.5ZM3.625,1.309a.639.639,0,0,1,.65-.647H7.221a.639.639,0,0,1,.65.647v.415H3.625ZM1.264,2.387h8.968a.6.6,0,0,1,0,1.194H1.264a.6.6,0,1,1,0-1.194Zm0,0" data-name="Path 35" transform="translate(0 0)"/><path id="Path_36" fill="#fff" d="M163.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,163.73,154.7Zm0,0" data-name="Path 36" transform="translate(-157.982 -149.573)"/></g></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/dribble.svg b/demo_app/lib/assets/icons/dribble.svg
index dbaca3b1..2b2984c5 100644
--- a/demo_app/lib/assets/icons/dribble.svg
+++ b/demo_app/lib/assets/icons/dribble.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Dribble" transform="translate(-146 -305)">
-    <rect id="Rectangle_54" data-name="Rectangle 54" width="18" height="18" transform="translate(146 305)" fill="none"/>
-    <path id="Icon_awesome-dribbble" data-name="Icon awesome-dribbble" d="M6.929.563A6.367,6.367,0,1,0,13.3,6.929,6.374,6.374,0,0,0,6.929.563ZM11.139,3.5a5.412,5.412,0,0,1,1.228,3.388A12.709,12.709,0,0,0,8.58,6.711c-.148-.36-.287-.678-.478-1.068A7.244,7.244,0,0,0,11.139,3.5Zm-.6-.629a6.14,6.14,0,0,1-2.85,1.964A29.029,29.029,0,0,0,5.655,1.651,5.424,5.424,0,0,1,10.535,2.87ZM4.617,2.016A34.7,34.7,0,0,1,6.634,5.161a20.285,20.285,0,0,1-5.028.663A5.458,5.458,0,0,1,4.617,2.016ZM1.491,6.938c0-.056,0-.111,0-.166A20.061,20.061,0,0,0,7.083,6c.156.3.3.614.441.923a8.424,8.424,0,0,0-4.635,3.653A5.417,5.417,0,0,1,1.491,6.938Zm2.1,4.29a7.649,7.649,0,0,1,4.3-3.408,22.606,22.606,0,0,1,1.16,4.124,5.427,5.427,0,0,1-5.462-.716Zm6.377.218A23.472,23.472,0,0,0,8.912,7.569,7.982,7.982,0,0,1,12.3,7.8a5.448,5.448,0,0,1-2.331,3.645Z" transform="translate(147.725 307)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Dribble" transform="translate(-146 -305)"><rect id="Rectangle_54" width="18" height="18" fill="none" data-name="Rectangle 54" transform="translate(146 305)"/><path id="Icon_awesome-dribbble" fill="#fff" d="M6.929.563A6.367,6.367,0,1,0,13.3,6.929,6.374,6.374,0,0,0,6.929.563ZM11.139,3.5a5.412,5.412,0,0,1,1.228,3.388A12.709,12.709,0,0,0,8.58,6.711c-.148-.36-.287-.678-.478-1.068A7.244,7.244,0,0,0,11.139,3.5Zm-.6-.629a6.14,6.14,0,0,1-2.85,1.964A29.029,29.029,0,0,0,5.655,1.651,5.424,5.424,0,0,1,10.535,2.87ZM4.617,2.016A34.7,34.7,0,0,1,6.634,5.161a20.285,20.285,0,0,1-5.028.663A5.458,5.458,0,0,1,4.617,2.016ZM1.491,6.938c0-.056,0-.111,0-.166A20.061,20.061,0,0,0,7.083,6c.156.3.3.614.441.923a8.424,8.424,0,0,0-4.635,3.653A5.417,5.417,0,0,1,1.491,6.938Zm2.1,4.29a7.649,7.649,0,0,1,4.3-3.408,22.606,22.606,0,0,1,1.16,4.124,5.427,5.427,0,0,1-5.462-.716Zm6.377.218A23.472,23.472,0,0,0,8.912,7.569,7.982,7.982,0,0,1,12.3,7.8a5.448,5.448,0,0,1-2.331,3.645Z" data-name="Icon awesome-dribbble" transform="translate(147.725 307)"/></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/fb.svg b/demo_app/lib/assets/icons/fb.svg
index e6078c98..755f3c8a 100644
--- a/demo_app/lib/assets/icons/fb.svg
+++ b/demo_app/lib/assets/icons/fb.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_911" data-name="Group 911" transform="translate(-8883 -219)">
-    <rect id="Rectangle_49" data-name="Rectangle 49" width="18" height="18" transform="translate(8883 219)" fill="#fff" opacity="0"/>
-    <path id="Icon_awesome-facebook-f" data-name="Icon awesome-facebook-f" d="M9.232,8.567l.423-2.756H7.01V4.022A1.378,1.378,0,0,1,8.564,2.533h1.2V.186A14.663,14.663,0,0,0,7.632,0a3.365,3.365,0,0,0-3.6,3.71v2.1H1.609V8.567H4.031V15.23H7.01V8.567Z" transform="translate(8886.391 220)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_911" data-name="Group 911" transform="translate(-8883 -219)"><rect id="Rectangle_49" width="18" height="18" fill="#fff" data-name="Rectangle 49" opacity="0" transform="translate(8883 219)"/><path id="Icon_awesome-facebook-f" fill="#fff" d="M9.232,8.567l.423-2.756H7.01V4.022A1.378,1.378,0,0,1,8.564,2.533h1.2V.186A14.663,14.663,0,0,0,7.632,0a3.365,3.365,0,0,0-3.6,3.71v2.1H1.609V8.567H4.031V15.23H7.01V8.567Z" data-name="Icon awesome-facebook-f" transform="translate(8886.391 220)"/></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/google.svg b/demo_app/lib/assets/icons/google.svg
index d837859e..aba0e34b 100644
--- a/demo_app/lib/assets/icons/google.svg
+++ b/demo_app/lib/assets/icons/google.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="G_" data-name="G+" transform="translate(-48 -332)">
-    <rect id="Rectangle_52" data-name="Rectangle 52" width="18" height="18" transform="translate(48 332)" fill="none"/>
-    <path id="Icon_awesome-google-plus-g" data-name="Icon awesome-google-plus-g" d="M8.468,7.835a3.3,3.3,0,0,1,.064.648,3.591,3.591,0,0,1-3.739,3.8,3.893,3.893,0,1,1,0-7.785A3.718,3.718,0,0,1,7.4,5.52L6.343,6.534a2.186,2.186,0,0,0-1.551-.6,2.459,2.459,0,0,0,0,4.918A2.108,2.108,0,0,0,7,9.173H4.793V7.835H8.468Zm3.759.131V6.836H11.091v1.13H9.961V9.1h1.13v1.13h1.135V9.1h1.13V7.966h-1.13Z" transform="translate(50.1 332.5)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="G_" data-name="G+" transform="translate(-48 -332)"><rect id="Rectangle_52" width="18" height="18" fill="none" data-name="Rectangle 52" transform="translate(48 332)"/><path id="Icon_awesome-google-plus-g" fill="#fff" d="M8.468,7.835a3.3,3.3,0,0,1,.064.648,3.591,3.591,0,0,1-3.739,3.8,3.893,3.893,0,1,1,0-7.785A3.718,3.718,0,0,1,7.4,5.52L6.343,6.534a2.186,2.186,0,0,0-1.551-.6,2.459,2.459,0,0,0,0,4.918A2.108,2.108,0,0,0,7,9.173H4.793V7.835H8.468Zm3.759.131V6.836H11.091v1.13H9.961V9.1h1.13v1.13h1.135V9.1h1.13V7.966h-1.13Z" data-name="Icon awesome-google-plus-g" transform="translate(50.1 332.5)"/></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/images.png b/demo_app/lib/assets/icons/images.png
index b5e4cb02..ccb7fcc0 100644
Binary files a/demo_app/lib/assets/icons/images.png and b/demo_app/lib/assets/icons/images.png differ
diff --git a/demo_app/lib/assets/icons/info.svg b/demo_app/lib/assets/icons/info.svg
index 21fd193c..81fc0ade 100644
--- a/demo_app/lib/assets/icons/info.svg
+++ b/demo_app/lib/assets/icons/info.svg
@@ -1,12 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_907" data-name="Group 907" transform="translate(-8408 -197)">
-    <rect id="Rectangle_44" data-name="Rectangle 44" width="18" height="18" transform="translate(8408 197)" fill="#fff" opacity="0"/>
-    <g id="round-information-button" transform="translate(8410 199)">
-      <g id="Group_779" data-name="Group 779">
-        <path id="Path_28" data-name="Path 28" d="M7.1,0a7.1,7.1,0,1,0,7.1,7.1A7.106,7.106,0,0,0,7.1,0Zm0,13.266A6.167,6.167,0,1,1,13.266,7.1,6.174,6.174,0,0,1,7.1,13.266Z" fill="#fff"/>
-        <path id="Path_29" data-name="Path 29" d="M179.426,92.233a.621.621,0,1,0-.621-.621A.621.621,0,0,0,179.426,92.233Z" transform="translate(-172.459 -87.763)" fill="#fff"/>
-        <path id="Path_30" data-name="Path 30" d="M164.976,146.351h-.389v-4.437a.466.466,0,0,0-.465-.466h-.855a.465.465,0,0,0,0,.931h.39v3.972h-.39a.465.465,0,0,0,0,.931h1.71a.465.465,0,1,0,0-.931Z" transform="translate(-157.023 -136.428)" fill="#fff"/>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_907" data-name="Group 907" transform="translate(-8408 -197)"><rect id="Rectangle_44" width="18" height="18" fill="#fff" data-name="Rectangle 44" opacity="0" transform="translate(8408 197)"/><g id="round-information-button" transform="translate(8410 199)"><g id="Group_779" data-name="Group 779"><path id="Path_28" fill="#fff" d="M7.1,0a7.1,7.1,0,1,0,7.1,7.1A7.106,7.106,0,0,0,7.1,0Zm0,13.266A6.167,6.167,0,1,1,13.266,7.1,6.174,6.174,0,0,1,7.1,13.266Z" data-name="Path 28"/><path id="Path_29" fill="#fff" d="M179.426,92.233a.621.621,0,1,0-.621-.621A.621.621,0,0,0,179.426,92.233Z" data-name="Path 29" transform="translate(-172.459 -87.763)"/><path id="Path_30" fill="#fff" d="M164.976,146.351h-.389v-4.437a.466.466,0,0,0-.465-.466h-.855a.465.465,0,0,0,0,.931h.39v3.972h-.39a.465.465,0,0,0,0,.931h1.71a.465.465,0,1,0,0-.931Z" data-name="Path 30" transform="translate(-157.023 -136.428)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/items.png b/demo_app/lib/assets/icons/items.png
index 1a495321..20ec3d80 100644
Binary files a/demo_app/lib/assets/icons/items.png and b/demo_app/lib/assets/icons/items.png differ
diff --git a/demo_app/lib/assets/icons/light.svg b/demo_app/lib/assets/icons/light.svg
index bf6f73a6..9088191c 100644
--- a/demo_app/lib/assets/icons/light.svg
+++ b/demo_app/lib/assets/icons/light.svg
@@ -1,11 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_908" data-name="Group 908" transform="translate(-8428 -197)">
-    <rect id="Rectangle_45" data-name="Rectangle 45" width="18" height="18" transform="translate(8428 197)" fill="#222428" opacity="0"/>
-    <g id="picture" transform="translate(8430 199)">
-      <g id="Group_782" data-name="Group 782">
-        <path id="Path_31" data-name="Path 31" d="M0,13.329A1.573,1.573,0,0,0,1.571,14.9H13.329A1.573,1.573,0,0,0,14.9,13.329V1.571A1.573,1.573,0,0,0,13.329,0H1.571A1.573,1.573,0,0,0,0,1.571Zm13.329.825H1.571a.828.828,0,0,1-.825-.825V11.366L3.571,8.54l2.414,2.414a.371.371,0,0,0,.527,0l4.36-4.36,3.282,3.282v3.453A.828.828,0,0,1,13.329,14.155ZM1.571.746H13.329a.828.828,0,0,1,.825.825V8.82L11.134,5.8a.371.371,0,0,0-.527,0l-4.36,4.36L3.833,7.749a.371.371,0,0,0-.527,0L.746,10.309V1.571A.828.828,0,0,1,1.571.746Z" fill="#222428"/>
-        <path id="Path_32" data-name="Path 32" d="M91.3,75.294a1.9,1.9,0,1,0-1.9-1.9A1.9,1.9,0,0,0,91.3,75.294Zm0-3.048A1.151,1.151,0,1,1,90.146,73.4,1.152,1.152,0,0,1,91.3,72.246Z" transform="translate(-86.678 -69.323)" fill="#222428"/>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_908" data-name="Group 908" transform="translate(-8428 -197)"><rect id="Rectangle_45" width="18" height="18" fill="#222428" data-name="Rectangle 45" opacity="0" transform="translate(8428 197)"/><g id="picture" transform="translate(8430 199)"><g id="Group_782" data-name="Group 782"><path id="Path_31" fill="#222428" d="M0,13.329A1.573,1.573,0,0,0,1.571,14.9H13.329A1.573,1.573,0,0,0,14.9,13.329V1.571A1.573,1.573,0,0,0,13.329,0H1.571A1.573,1.573,0,0,0,0,1.571Zm13.329.825H1.571a.828.828,0,0,1-.825-.825V11.366L3.571,8.54l2.414,2.414a.371.371,0,0,0,.527,0l4.36-4.36,3.282,3.282v3.453A.828.828,0,0,1,13.329,14.155ZM1.571.746H13.329a.828.828,0,0,1,.825.825V8.82L11.134,5.8a.371.371,0,0,0-.527,0l-4.36,4.36L3.833,7.749a.371.371,0,0,0-.527,0L.746,10.309V1.571A.828.828,0,0,1,1.571.746Z" data-name="Path 31"/><path id="Path_32" fill="#222428" d="M91.3,75.294a1.9,1.9,0,1,0-1.9-1.9A1.9,1.9,0,0,0,91.3,75.294Zm0-3.048A1.151,1.151,0,1,1,90.146,73.4,1.152,1.152,0,0,1,91.3,72.246Z" data-name="Path 32" transform="translate(-86.678 -69.323)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/link.svg b/demo_app/lib/assets/icons/link.svg
index 9260d523..ba0c698b 100644
--- a/demo_app/lib/assets/icons/link.svg
+++ b/demo_app/lib/assets/icons/link.svg
@@ -1,17 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_910" data-name="Group 910" transform="translate(-8407 -351)">
-    <rect id="Rectangle_47" data-name="Rectangle 47" width="18" height="18" transform="translate(8407 351)" fill="#fff" opacity="0"/>
-    <g id="remove-user" transform="translate(8409 353)">
-      <g id="Group_788" data-name="Group 788" transform="translate(0)">
-        <g id="Group_787" data-name="Group 787">
-          <path id="Path_37" data-name="Path 37" d="M11.742,8.082a7.46,7.46,0,0,0-2.021-1.03,3.917,3.917,0,1,0-4.691,0A7.492,7.492,0,0,0,.038,12.636a1.75,1.75,0,0,0,1.711,2.111H7.69a.576.576,0,1,0,0-1.152H1.748a.585.585,0,0,1-.461-.219.6.6,0,0,1-.122-.5,6.364,6.364,0,0,1,6.055-5.04l.153,0q.077,0,.154,0A6.292,6.292,0,0,1,11.07,9.017a.576.576,0,1,0,.672-.936Zm-4.228-1.4h-.28a2.765,2.765,0,1,1,.28,0Z" transform="translate(0)" fill="#3880ff"/>
-        </g>
-      </g>
-      <g id="Group_790" data-name="Group 790" transform="translate(9.851 9.85)">
-        <g id="Group_789" data-name="Group 789">
-          <path id="Path_38" data-name="Path 38" d="M345.263,344.447l1.465-1.465a.576.576,0,0,0-.815-.815l-1.465,1.465-1.465-1.465a.576.576,0,1,0-.815.815l1.465,1.465-1.465,1.465a.576.576,0,0,0,.815.815l1.465-1.465,1.465,1.465a.576.576,0,0,0,.815-.815Z" transform="translate(-342 -341.999)" fill="#3880ff"/>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_910" data-name="Group 910" transform="translate(-8407 -351)"><rect id="Rectangle_47" width="18" height="18" fill="#fff" data-name="Rectangle 47" opacity="0" transform="translate(8407 351)"/><g id="remove-user" transform="translate(8409 353)"><g id="Group_788" data-name="Group 788" transform="translate(0)"><g id="Group_787" data-name="Group 787"><path id="Path_37" fill="#3880ff" d="M11.742,8.082a7.46,7.46,0,0,0-2.021-1.03,3.917,3.917,0,1,0-4.691,0A7.492,7.492,0,0,0,.038,12.636a1.75,1.75,0,0,0,1.711,2.111H7.69a.576.576,0,1,0,0-1.152H1.748a.585.585,0,0,1-.461-.219.6.6,0,0,1-.122-.5,6.364,6.364,0,0,1,6.055-5.04l.153,0q.077,0,.154,0A6.292,6.292,0,0,1,11.07,9.017a.576.576,0,1,0,.672-.936Zm-4.228-1.4h-.28a2.765,2.765,0,1,1,.28,0Z" data-name="Path 37" transform="translate(0)"/></g></g><g id="Group_790" data-name="Group 790" transform="translate(9.851 9.85)"><g id="Group_789" data-name="Group 789"><path id="Path_38" fill="#3880ff" d="M345.263,344.447l1.465-1.465a.576.576,0,0,0-.815-.815l-1.465,1.465-1.465-1.465a.576.576,0,1,0-.815.815l1.465,1.465-1.465,1.465a.576.576,0,0,0,.815.815l1.465-1.465,1.465,1.465a.576.576,0,0,0,.815-.815Z" data-name="Path 38" transform="translate(-342 -341.999)"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/linkedin.svg b/demo_app/lib/assets/icons/linkedin.svg
index 7adb1746..65041e2b 100644
--- a/demo_app/lib/assets/icons/linkedin.svg
+++ b/demo_app/lib/assets/icons/linkedin.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="linkedin" transform="translate(-160 -329)">
-    <rect id="Rectangle_53" data-name="Rectangle 53" width="18" height="18" transform="translate(160 329)" fill="none"/>
-    <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M2.631,11.754H.194V3.907H2.631ZM1.411,2.836A1.418,1.418,0,1,1,2.822,1.412,1.423,1.423,0,0,1,1.411,2.836Zm10.34,8.917H9.319V7.934c0-.91-.018-2.078-1.267-2.078-1.267,0-1.461.989-1.461,2.012v3.885H4.157V3.907H6.494v1.07h.034A2.56,2.56,0,0,1,8.834,3.71c2.466,0,2.919,1.624,2.919,3.733v4.31Z" transform="translate(162.95 332.25)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="linkedin" transform="translate(-160 -329)"><rect id="Rectangle_53" width="18" height="18" fill="none" data-name="Rectangle 53" transform="translate(160 329)"/><path id="Icon_awesome-linkedin-in" fill="#fff" d="M2.631,11.754H.194V3.907H2.631ZM1.411,2.836A1.418,1.418,0,1,1,2.822,1.412,1.423,1.423,0,0,1,1.411,2.836Zm10.34,8.917H9.319V7.934c0-.91-.018-2.078-1.267-2.078-1.267,0-1.461.989-1.461,2.012v3.885H4.157V3.907H6.494v1.07h.034A2.56,2.56,0,0,1,8.834,3.71c2.466,0,2.919,1.624,2.919,3.733v4.31Z" data-name="Icon awesome-linkedin-in" transform="translate(162.95 332.25)"/></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/lists.png b/demo_app/lib/assets/icons/lists.png
index e3e93174..c07301a1 100644
Binary files a/demo_app/lib/assets/icons/lists.png and b/demo_app/lib/assets/icons/lists.png differ
diff --git a/demo_app/lib/assets/icons/menu.png b/demo_app/lib/assets/icons/menu.png
index 0932d5f5..3252e175 100644
Binary files a/demo_app/lib/assets/icons/menu.png and b/demo_app/lib/assets/icons/menu.png differ
diff --git a/demo_app/lib/assets/icons/next.png b/demo_app/lib/assets/icons/next.png
index 8d3c89d9..7849038d 100644
Binary files a/demo_app/lib/assets/icons/next.png and b/demo_app/lib/assets/icons/next.png differ
diff --git a/demo_app/lib/assets/icons/pinterest.svg b/demo_app/lib/assets/icons/pinterest.svg
index 7aa538e1..e1fb045d 100644
--- a/demo_app/lib/assets/icons/pinterest.svg
+++ b/demo_app/lib/assets/icons/pinterest.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="pinterest" transform="translate(-124 -312)">
-    <rect id="Rectangle_57" data-name="Rectangle 57" width="18" height="18" transform="translate(124 312)" fill="none"/>
-    <path id="Icon_awesome-pinterest" data-name="Icon awesome-pinterest" d="M14.424,7.774a7.213,7.213,0,0,1-9.346,6.889,8.107,8.107,0,0,0,.9-1.89c.087-.337.448-1.716.448-1.716a1.932,1.932,0,0,0,1.652.829c2.175,0,3.743-2,3.743-4.487A4.233,4.233,0,0,0,7.369,3.235C4.257,3.235,2.6,5.323,2.6,7.6a3.236,3.236,0,0,0,1.463,2.795c.137.064.209.035.241-.1.023-.1.145-.59.2-.817a.216.216,0,0,0-.049-.206,2.84,2.84,0,0,1-.532-1.646A3.121,3.121,0,0,1,7.183,4.5,2.847,2.847,0,0,1,10.2,7.434c0,1.951-.986,3.3-2.268,3.3a1.046,1.046,0,0,1-1.067-1.3,14.492,14.492,0,0,0,.6-2.4.906.906,0,0,0-.913-1.015c-.724,0-1.306.747-1.306,1.751a2.6,2.6,0,0,0,.215,1.07s-.712,3.019-.843,3.583a6.981,6.981,0,0,0-.026,2.071,7.213,7.213,0,1,1,9.841-6.718Z" transform="translate(126.288 313)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="pinterest" transform="translate(-124 -312)"><rect id="Rectangle_57" width="18" height="18" fill="none" data-name="Rectangle 57" transform="translate(124 312)"/><path id="Icon_awesome-pinterest" fill="#fff" d="M14.424,7.774a7.213,7.213,0,0,1-9.346,6.889,8.107,8.107,0,0,0,.9-1.89c.087-.337.448-1.716.448-1.716a1.932,1.932,0,0,0,1.652.829c2.175,0,3.743-2,3.743-4.487A4.233,4.233,0,0,0,7.369,3.235C4.257,3.235,2.6,5.323,2.6,7.6a3.236,3.236,0,0,0,1.463,2.795c.137.064.209.035.241-.1.023-.1.145-.59.2-.817a.216.216,0,0,0-.049-.206,2.84,2.84,0,0,1-.532-1.646A3.121,3.121,0,0,1,7.183,4.5,2.847,2.847,0,0,1,10.2,7.434c0,1.951-.986,3.3-2.268,3.3a1.046,1.046,0,0,1-1.067-1.3,14.492,14.492,0,0,0,.6-2.4.906.906,0,0,0-.913-1.015c-.724,0-1.306.747-1.306,1.751a2.6,2.6,0,0,0,.215,1.07s-.712,3.019-.843,3.583a6.981,6.981,0,0,0-.026,2.071,7.213,7.213,0,1,1,9.841-6.718Z" data-name="Icon awesome-pinterest" transform="translate(126.288 313)"/></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/primary.svg b/demo_app/lib/assets/icons/primary.svg
index c2ad37e4..bbb3856c 100644
--- a/demo_app/lib/assets/icons/primary.svg
+++ b/demo_app/lib/assets/icons/primary.svg
@@ -1,19 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_903" data-name="Group 903" transform="translate(-8014 106)">
-    <g id="settings" transform="translate(8014 -106)">
-      <g id="Group_762" data-name="Group 762">
-        <g id="Group_761" data-name="Group 761">
-          <path id="Path_14" data-name="Path 14" d="M16.242,6.858c-.32-.048-.648-.094-.975-.136a.1.1,0,0,1-.082-.069,6.9,6.9,0,0,0-.652-1.573.1.1,0,0,1,.009-.107c.2-.262.4-.526.594-.787a.9.9,0,0,0-.088-1.159L13.973,1.952a.9.9,0,0,0-1.159-.088c-.26.192-.524.392-.787.594a.1.1,0,0,1-.107.009,6.9,6.9,0,0,0-1.573-.652.1.1,0,0,1-.069-.082c-.043-.328-.089-.656-.136-.975A.9.9,0,0,0,9.26,0H7.74a.9.9,0,0,0-.882.758c-.048.319-.094.647-.136.975a.1.1,0,0,1-.069.082,6.9,6.9,0,0,0-1.573.652.1.1,0,0,1-.107-.009c-.262-.2-.527-.4-.787-.594a.9.9,0,0,0-1.159.088L1.952,3.027a.9.9,0,0,0-.088,1.159c.193.261.392.525.594.787a.1.1,0,0,1,.009.107,6.9,6.9,0,0,0-.652,1.573.1.1,0,0,1-.082.069c-.327.043-.656.089-.975.136A.9.9,0,0,0,0,7.74V9.26a.9.9,0,0,0,.758.882c.32.048.648.094.975.136a.1.1,0,0,1,.082.069,6.9,6.9,0,0,0,.652,1.573.1.1,0,0,1-.009.107c-.2.262-.4.527-.594.787a.9.9,0,0,0,.088,1.159l1.075,1.075a.9.9,0,0,0,1.159.088c.26-.192.524-.392.787-.594a.1.1,0,0,1,.107-.009,6.9,6.9,0,0,0,1.573.652.1.1,0,0,1,.069.082c.043.328.089.656.136.975A.9.9,0,0,0,7.74,17H9.26a.9.9,0,0,0,.882-.758c.048-.32.094-.648.136-.975a.1.1,0,0,1,.069-.082,6.9,6.9,0,0,0,1.573-.652.1.1,0,0,1,.107.009c.262.2.527.4.787.594a.9.9,0,0,0,1.159-.088l1.075-1.075a.9.9,0,0,0,.088-1.159c-.192-.26-.392-.525-.594-.787a.1.1,0,0,1-.009-.107,6.9,6.9,0,0,0,.652-1.573.1.1,0,0,1,.082-.069c.327-.043.656-.089.975-.136A.9.9,0,0,0,17,9.26V7.74A.9.9,0,0,0,16.242,6.858Zm-.036,2.4a.1.1,0,0,1-.081.1c-.315.047-.638.092-.961.134a.889.889,0,0,0-.745.645,6.108,6.108,0,0,1-.577,1.392.889.889,0,0,0,.07.983c.2.258.4.519.585.775a.1.1,0,0,1-.011.126l-1.075,1.075a.1.1,0,0,1-.126.011c-.256-.189-.516-.386-.775-.585a.889.889,0,0,0-.983-.07,6.109,6.109,0,0,1-1.392.577.889.889,0,0,0-.645.745c-.042.323-.087.646-.134.961a.1.1,0,0,1-.1.081H7.74a.1.1,0,0,1-.1-.081c-.047-.314-.092-.637-.134-.961a.889.889,0,0,0-.645-.745,6.106,6.106,0,0,1-1.392-.577.889.889,0,0,0-.983.07c-.258.2-.519.4-.775.585a.1.1,0,0,1-.126-.011L2.514,13.412a.1.1,0,0,1-.011-.126c.189-.256.386-.517.585-.775a.889.889,0,0,0,.07-.983,6.107,6.107,0,0,1-.577-1.392.889.889,0,0,0-.745-.645C1.514,9.449,1.19,9.4.875,9.357a.1.1,0,0,1-.081-.1V7.74a.1.1,0,0,1,.081-.1c.315-.047.638-.092.961-.134a.888.888,0,0,0,.745-.645,6.1,6.1,0,0,1,.577-1.392.889.889,0,0,0-.07-.983c-.2-.258-.395-.518-.585-.775a.1.1,0,0,1,.011-.126L3.588,2.514A.1.1,0,0,1,3.714,2.5c.256.189.516.386.775.585a.889.889,0,0,0,.983.07,6.107,6.107,0,0,1,1.392-.577.889.889,0,0,0,.645-.745c.042-.323.087-.646.134-.961a.1.1,0,0,1,.1-.081H9.26a.1.1,0,0,1,.1.081c.047.314.092.637.134.961a.889.889,0,0,0,.645.745,6.109,6.109,0,0,1,1.392.577.889.889,0,0,0,.983-.07c.258-.2.519-.4.775-.585a.1.1,0,0,1,.126.011l1.075,1.075a.1.1,0,0,1,.011.126c-.189.256-.386.517-.585.775a.889.889,0,0,0-.07.983,6.107,6.107,0,0,1,.577,1.392.889.889,0,0,0,.745.645c.323.042.646.087.961.134a.1.1,0,0,1,.081.1V9.26Z" fill="#fff"/>
-        </g>
-      </g>
-      <g id="Group_764" data-name="Group 764" transform="translate(4.81 4.81)">
-        <g id="Group_763" data-name="Group 763">
-          <path id="Path_15" data-name="Path 15" d="M148.556,144.866a3.69,3.69,0,1,0,3.69,3.69A3.694,3.694,0,0,0,148.556,144.866Zm0,6.586a2.9,2.9,0,1,1,2.9-2.9A2.9,2.9,0,0,1,148.556,151.452Z" transform="translate(-144.866 -144.866)" fill="#fff"/>
-        </g>
-      </g>
-    </g>
-    <g id="Group_902" data-name="Group 902" transform="translate(-470 -328)">
-      <rect id="Rectangle_40" data-name="Rectangle 40" width="18" height="18" transform="translate(8484 222)" fill="#fff" opacity="0"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_903" data-name="Group 903" transform="translate(-8014 106)"><g id="settings" transform="translate(8014 -106)"><g id="Group_762" data-name="Group 762"><g id="Group_761" data-name="Group 761"><path id="Path_14" fill="#fff" d="M16.242,6.858c-.32-.048-.648-.094-.975-.136a.1.1,0,0,1-.082-.069,6.9,6.9,0,0,0-.652-1.573.1.1,0,0,1,.009-.107c.2-.262.4-.526.594-.787a.9.9,0,0,0-.088-1.159L13.973,1.952a.9.9,0,0,0-1.159-.088c-.26.192-.524.392-.787.594a.1.1,0,0,1-.107.009,6.9,6.9,0,0,0-1.573-.652.1.1,0,0,1-.069-.082c-.043-.328-.089-.656-.136-.975A.9.9,0,0,0,9.26,0H7.74a.9.9,0,0,0-.882.758c-.048.319-.094.647-.136.975a.1.1,0,0,1-.069.082,6.9,6.9,0,0,0-1.573.652.1.1,0,0,1-.107-.009c-.262-.2-.527-.4-.787-.594a.9.9,0,0,0-1.159.088L1.952,3.027a.9.9,0,0,0-.088,1.159c.193.261.392.525.594.787a.1.1,0,0,1,.009.107,6.9,6.9,0,0,0-.652,1.573.1.1,0,0,1-.082.069c-.327.043-.656.089-.975.136A.9.9,0,0,0,0,7.74V9.26a.9.9,0,0,0,.758.882c.32.048.648.094.975.136a.1.1,0,0,1,.082.069,6.9,6.9,0,0,0,.652,1.573.1.1,0,0,1-.009.107c-.2.262-.4.527-.594.787a.9.9,0,0,0,.088,1.159l1.075,1.075a.9.9,0,0,0,1.159.088c.26-.192.524-.392.787-.594a.1.1,0,0,1,.107-.009,6.9,6.9,0,0,0,1.573.652.1.1,0,0,1,.069.082c.043.328.089.656.136.975A.9.9,0,0,0,7.74,17H9.26a.9.9,0,0,0,.882-.758c.048-.32.094-.648.136-.975a.1.1,0,0,1,.069-.082,6.9,6.9,0,0,0,1.573-.652.1.1,0,0,1,.107.009c.262.2.527.4.787.594a.9.9,0,0,0,1.159-.088l1.075-1.075a.9.9,0,0,0,.088-1.159c-.192-.26-.392-.525-.594-.787a.1.1,0,0,1-.009-.107,6.9,6.9,0,0,0,.652-1.573.1.1,0,0,1,.082-.069c.327-.043.656-.089.975-.136A.9.9,0,0,0,17,9.26V7.74A.9.9,0,0,0,16.242,6.858Zm-.036,2.4a.1.1,0,0,1-.081.1c-.315.047-.638.092-.961.134a.889.889,0,0,0-.745.645,6.108,6.108,0,0,1-.577,1.392.889.889,0,0,0,.07.983c.2.258.4.519.585.775a.1.1,0,0,1-.011.126l-1.075,1.075a.1.1,0,0,1-.126.011c-.256-.189-.516-.386-.775-.585a.889.889,0,0,0-.983-.07,6.109,6.109,0,0,1-1.392.577.889.889,0,0,0-.645.745c-.042.323-.087.646-.134.961a.1.1,0,0,1-.1.081H7.74a.1.1,0,0,1-.1-.081c-.047-.314-.092-.637-.134-.961a.889.889,0,0,0-.645-.745,6.106,6.106,0,0,1-1.392-.577.889.889,0,0,0-.983.07c-.258.2-.519.4-.775.585a.1.1,0,0,1-.126-.011L2.514,13.412a.1.1,0,0,1-.011-.126c.189-.256.386-.517.585-.775a.889.889,0,0,0,.07-.983,6.107,6.107,0,0,1-.577-1.392.889.889,0,0,0-.745-.645C1.514,9.449,1.19,9.4.875,9.357a.1.1,0,0,1-.081-.1V7.74a.1.1,0,0,1,.081-.1c.315-.047.638-.092.961-.134a.888.888,0,0,0,.745-.645,6.1,6.1,0,0,1,.577-1.392.889.889,0,0,0-.07-.983c-.2-.258-.395-.518-.585-.775a.1.1,0,0,1,.011-.126L3.588,2.514A.1.1,0,0,1,3.714,2.5c.256.189.516.386.775.585a.889.889,0,0,0,.983.07,6.107,6.107,0,0,1,1.392-.577.889.889,0,0,0,.645-.745c.042-.323.087-.646.134-.961a.1.1,0,0,1,.1-.081H9.26a.1.1,0,0,1,.1.081c.047.314.092.637.134.961a.889.889,0,0,0,.645.745,6.109,6.109,0,0,1,1.392.577.889.889,0,0,0,.983-.07c.258-.2.519-.4.775-.585a.1.1,0,0,1,.126.011l1.075,1.075a.1.1,0,0,1,.011.126c-.189.256-.386.517-.585.775a.889.889,0,0,0-.07.983,6.107,6.107,0,0,1,.577,1.392.889.889,0,0,0,.745.645c.323.042.646.087.961.134a.1.1,0,0,1,.081.1V9.26Z" data-name="Path 14"/></g></g><g id="Group_764" data-name="Group 764" transform="translate(4.81 4.81)"><g id="Group_763" data-name="Group 763"><path id="Path_15" fill="#fff" d="M148.556,144.866a3.69,3.69,0,1,0,3.69,3.69A3.694,3.694,0,0,0,148.556,144.866Zm0,6.586a2.9,2.9,0,1,1,2.9-2.9A2.9,2.9,0,0,1,148.556,151.452Z" data-name="Path 15" transform="translate(-144.866 -144.866)"/></g></g></g><g id="Group_902" data-name="Group 902" transform="translate(-470 -328)"><rect id="Rectangle_40" width="18" height="18" fill="#fff" data-name="Rectangle 40" opacity="0" transform="translate(8484 222)"/></g></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/secondary.svg b/demo_app/lib/assets/icons/secondary.svg
index 56c06ebe..9268659a 100644
--- a/demo_app/lib/assets/icons/secondary.svg
+++ b/demo_app/lib/assets/icons/secondary.svg
@@ -1,17 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_901" data-name="Group 901" transform="translate(-8411 -424)">
-    <path id="Path_18" data-name="Path 18" d="M0,0H18V18H0Z" transform="translate(8411 424)" fill="none"/>
-    <g id="floppy-disk" transform="translate(8412.998 426)">
-      <g id="Group_767" data-name="Group 767">
-        <g id="Group_766" data-name="Group 766">
-          <path id="Path_16" data-name="Path 16" d="M13.716,3.361,10.5.149h0A.509.509,0,0,0,10.145,0H.507A.507.507,0,0,0,0,.507v12.85a.507.507,0,0,0,.507.507h12.85a.507.507,0,0,0,.507-.507V3.72A.507.507,0,0,0,13.716,3.361ZM4.227,1.014h5.41v3H4.227ZM10.844,12.85H3.021V8.582h7.823Zm2.006,0h-.992V8.075a.507.507,0,0,0-.507-.507H2.513a.507.507,0,0,0-.507.507V12.85H1.014V1.014h2.2V4.523a.507.507,0,0,0,.507.507h6.425a.507.507,0,0,0,.507-.507V1.732l2.2,2.2Z" fill="#fff"/>
-        </g>
-      </g>
-      <g id="Group_769" data-name="Group 769" transform="translate(7.874 1.49)">
-        <g id="Group_768" data-name="Group 768">
-          <path id="Path_17" data-name="Path 17" d="M291.289,55.015a.507.507,0,0,0-.507.507v1.036a.507.507,0,1,0,1.014,0V55.522A.507.507,0,0,0,291.289,55.015Z" transform="translate(-290.782 -55.015)" fill="#fff"/>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_901" data-name="Group 901" transform="translate(-8411 -424)"><path id="Path_18" fill="none" d="M0,0H18V18H0Z" data-name="Path 18" transform="translate(8411 424)"/><g id="floppy-disk" transform="translate(8412.998 426)"><g id="Group_767" data-name="Group 767"><g id="Group_766" data-name="Group 766"><path id="Path_16" fill="#fff" d="M13.716,3.361,10.5.149h0A.509.509,0,0,0,10.145,0H.507A.507.507,0,0,0,0,.507v12.85a.507.507,0,0,0,.507.507h12.85a.507.507,0,0,0,.507-.507V3.72A.507.507,0,0,0,13.716,3.361ZM4.227,1.014h5.41v3H4.227ZM10.844,12.85H3.021V8.582h7.823Zm2.006,0h-.992V8.075a.507.507,0,0,0-.507-.507H2.513a.507.507,0,0,0-.507.507V12.85H1.014V1.014h2.2V4.523a.507.507,0,0,0,.507.507h6.425a.507.507,0,0,0,.507-.507V1.732l2.2,2.2Z" data-name="Path 16"/></g></g><g id="Group_769" data-name="Group 769" transform="translate(7.874 1.49)"><g id="Group_768" data-name="Group 768"><path id="Path_17" fill="#fff" d="M291.289,55.015a.507.507,0,0,0-.507.507v1.036a.507.507,0,1,0,1.014,0V55.522A.507.507,0,0,0,291.289,55.015Z" data-name="Path 17" transform="translate(-290.782 -55.015)"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/slack.svg b/demo_app/lib/assets/icons/slack.svg
index ed08c2a0..1b7b49d5 100644
--- a/demo_app/lib/assets/icons/slack.svg
+++ b/demo_app/lib/assets/icons/slack.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="slack" transform="translate(-165 -399)">
-    <rect id="Rectangle_56" data-name="Rectangle 56" width="18" height="18" transform="translate(165 399)" fill="none"/>
-    <path id="Icon_awesome-slack-hash" data-name="Icon awesome-slack-hash" d="M11.9,8.611A.971.971,0,0,0,10.673,8l-1.211.4L8.654,6l1.211-.4a.967.967,0,1,0-.613-1.835l-1.211.4L7.622,2.915a.97.97,0,0,0-1.84.613L6.2,4.781,3.71,5.613,3.291,4.36a.97.97,0,0,0-1.84.613L1.87,6.227l-1.208.4A.969.969,0,0,0,.049,7.851a1,1,0,0,0,.9.656c.181.027.32-.043,1.539-.448l.808,2.4-1.211.4a.972.972,0,0,0-.613,1.224,1,1,0,0,0,.9.656c.181.027.32-.043,1.539-.448l.419,1.253a.991.991,0,0,0,1.227.611.969.969,0,0,0,.613-1.224L5.742,11.68l2.5-.835L8.657,12.1a.991.991,0,0,0,1.227.611.969.969,0,0,0,.613-1.224l-.419-1.253,1.211-.4A.961.961,0,0,0,11.9,8.611ZM5.123,9.87,4.315,7.464l2.493-.835.808,2.405Z" transform="translate(167.999 399.745)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="slack" transform="translate(-165 -399)"><rect id="Rectangle_56" width="18" height="18" fill="none" data-name="Rectangle 56" transform="translate(165 399)"/><path id="Icon_awesome-slack-hash" fill="#fff" d="M11.9,8.611A.971.971,0,0,0,10.673,8l-1.211.4L8.654,6l1.211-.4a.967.967,0,1,0-.613-1.835l-1.211.4L7.622,2.915a.97.97,0,0,0-1.84.613L6.2,4.781,3.71,5.613,3.291,4.36a.97.97,0,0,0-1.84.613L1.87,6.227l-1.208.4A.969.969,0,0,0,.049,7.851a1,1,0,0,0,.9.656c.181.027.32-.043,1.539-.448l.808,2.4-1.211.4a.972.972,0,0,0-.613,1.224,1,1,0,0,0,.9.656c.181.027.32-.043,1.539-.448l.419,1.253a.991.991,0,0,0,1.227.611.969.969,0,0,0,.613-1.224L5.742,11.68l2.5-.835L8.657,12.1a.991.991,0,0,0,1.227.611.969.969,0,0,0,.613-1.224l-.419-1.253,1.211-.4A.961.961,0,0,0,11.9,8.611ZM5.123,9.87,4.315,7.464l2.493-.835.808,2.405Z" data-name="Icon awesome-slack-hash" transform="translate(167.999 399.745)"/></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/success.svg b/demo_app/lib/assets/icons/success.svg
index b06b4ae5..ca14e673 100644
--- a/demo_app/lib/assets/icons/success.svg
+++ b/demo_app/lib/assets/icons/success.svg
@@ -1,11 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_904" data-name="Group 904" transform="translate(-8366 -185)">
-    <rect id="Rectangle_41" data-name="Rectangle 41" width="18" height="18" transform="translate(8366 185)" fill="#fff" opacity="0"/>
-    <g id="download" transform="translate(8357 177.6)">
-      <g id="Group_772" data-name="Group 772" transform="translate(11 9.4)">
-        <path id="Path_19" data-name="Path 19" d="M24.672,319a.593.593,0,0,0-.594.594v3.514H12.188v-3.514a.594.594,0,1,0-1.188,0V323.7a.593.593,0,0,0,.594.594H24.672a.593.593,0,0,0,.594-.594v-4.111A.593.593,0,0,0,24.672,319Z" transform="translate(-11 -309.986)" fill="#fff"/>
-        <path id="Path_20" data-name="Path 20" d="M115.094,19.395a.586.586,0,0,0,.841,0l3.616-3.613a.595.595,0,1,0-.841-.841l-2.6,2.6V9.994a.594.594,0,1,0-1.188,0v7.543l-2.6-2.6a.595.595,0,0,0-.841.841Z" transform="translate(-108.38 -9.4)" fill="#fff"/>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_904" data-name="Group 904" transform="translate(-8366 -185)"><rect id="Rectangle_41" width="18" height="18" fill="#fff" data-name="Rectangle 41" opacity="0" transform="translate(8366 185)"/><g id="download" transform="translate(8357 177.6)"><g id="Group_772" data-name="Group 772" transform="translate(11 9.4)"><path id="Path_19" fill="#fff" d="M24.672,319a.593.593,0,0,0-.594.594v3.514H12.188v-3.514a.594.594,0,1,0-1.188,0V323.7a.593.593,0,0,0,.594.594H24.672a.593.593,0,0,0,.594-.594v-4.111A.593.593,0,0,0,24.672,319Z" data-name="Path 19" transform="translate(-11 -309.986)"/><path id="Path_20" fill="#fff" d="M115.094,19.395a.586.586,0,0,0,.841,0l3.616-3.613a.595.595,0,1,0-.841-.841l-2.6,2.6V9.994a.594.594,0,1,0-1.188,0v7.543l-2.6-2.6a.595.595,0,0,0-.841.841Z" data-name="Path 20" transform="translate(-108.38 -9.4)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/tabs.png b/demo_app/lib/assets/icons/tabs.png
index 49678a20..1f282d1f 100644
Binary files a/demo_app/lib/assets/icons/tabs.png and b/demo_app/lib/assets/icons/tabs.png differ
diff --git a/demo_app/lib/assets/icons/toast.png b/demo_app/lib/assets/icons/toast.png
index 44ee2d77..6a4ce9d6 100644
Binary files a/demo_app/lib/assets/icons/toast.png and b/demo_app/lib/assets/icons/toast.png differ
diff --git a/demo_app/lib/assets/icons/toggle.png b/demo_app/lib/assets/icons/toggle.png
index f33816f9..c6e80e6f 100644
Binary files a/demo_app/lib/assets/icons/toggle.png and b/demo_app/lib/assets/icons/toggle.png differ
diff --git a/demo_app/lib/assets/icons/twitter.svg b/demo_app/lib/assets/icons/twitter.svg
index ac962749..39a83c28 100644
--- a/demo_app/lib/assets/icons/twitter.svg
+++ b/demo_app/lib/assets/icons/twitter.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_912" data-name="Group 912" transform="translate(-169 -344)">
-    <rect id="Rectangle_51" data-name="Rectangle 51" width="18" height="18" transform="translate(169 344)" fill="none"/>
-    <path id="Icon_awesome-twitter" data-name="Icon awesome-twitter" d="M12.4,6.177c.009.123.009.245.009.368A8,8,0,0,1,4.348,14.6,8,8,0,0,1,0,13.331a5.858,5.858,0,0,0,.684.035A5.671,5.671,0,0,0,4.2,12.156a2.837,2.837,0,0,1-2.647-1.964,3.571,3.571,0,0,0,.535.044,3,3,0,0,0,.745-.1A2.832,2.832,0,0,1,.561,7.361V7.326a2.852,2.852,0,0,0,1.28.359A2.836,2.836,0,0,1,.964,3.9,8.049,8.049,0,0,0,6.8,6.861a3.2,3.2,0,0,1-.07-.649,2.834,2.834,0,0,1,4.9-1.937,5.575,5.575,0,0,0,1.8-.684,2.824,2.824,0,0,1-1.245,1.56,5.676,5.676,0,0,0,1.631-.438A6.087,6.087,0,0,1,12.4,6.177Z" transform="translate(171.4 344)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_912" data-name="Group 912" transform="translate(-169 -344)"><rect id="Rectangle_51" width="18" height="18" fill="none" data-name="Rectangle 51" transform="translate(169 344)"/><path id="Icon_awesome-twitter" fill="#fff" d="M12.4,6.177c.009.123.009.245.009.368A8,8,0,0,1,4.348,14.6,8,8,0,0,1,0,13.331a5.858,5.858,0,0,0,.684.035A5.671,5.671,0,0,0,4.2,12.156a2.837,2.837,0,0,1-2.647-1.964,3.571,3.571,0,0,0,.535.044,3,3,0,0,0,.745-.1A2.832,2.832,0,0,1,.561,7.361V7.326a2.852,2.852,0,0,0,1.28.359A2.836,2.836,0,0,1,.964,3.9,8.049,8.049,0,0,0,6.8,6.861a3.2,3.2,0,0,1-.07-.649,2.834,2.834,0,0,1,4.9-1.937,5.575,5.575,0,0,0,1.8-.684,2.824,2.824,0,0,1-1.245,1.56,5.676,5.676,0,0,0,1.631-.438A6.087,6.087,0,0,1,12.4,6.177Z" data-name="Icon awesome-twitter" transform="translate(171.4 344)"/></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/typo.png b/demo_app/lib/assets/icons/typo.png
index 90592362..9509b539 100644
Binary files a/demo_app/lib/assets/icons/typo.png and b/demo_app/lib/assets/icons/typo.png differ
diff --git a/demo_app/lib/assets/icons/warning.svg b/demo_app/lib/assets/icons/warning.svg
index aae2b731..4d41d81d 100644
--- a/demo_app/lib/assets/icons/warning.svg
+++ b/demo_app/lib/assets/icons/warning.svg
@@ -1,10 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_905" data-name="Group 905" transform="translate(-8441 -312)">
-    <rect id="Rectangle_42" data-name="Rectangle 42" width="18" height="18" transform="translate(8441 312)" fill="#fff" opacity="0"/>
-    <g id="caution-sign" transform="translate(8442.001 295.283)">
-      <path id="Path_21" data-name="Path 21" d="M16.072,31.244,9.2,19.34a1.246,1.246,0,0,0-2.158,0L.166,31.244a1.246,1.246,0,0,0,1.079,1.869H14.993a1.246,1.246,0,0,0,1.079-1.869Zm-14.827.623,6.874-11.9,6.874,11.9Z" transform="translate(0 0)" fill="#fff"/>
-      <path id="Path_22" data-name="Path 22" d="M147.217,112.875l.357,4.09a.507.507,0,0,0,1.01,0l.357-4.09a.93.93,0,0,0,0-.151.866.866,0,1,0-1.725.151Z" transform="translate(-139.96 -88.623)" fill="#fff"/>
-      <circle id="Ellipse_2" data-name="Ellipse 2" cx="0.715" cy="0.715" r="0.715" transform="translate(7.405 29.056)" fill="#fff"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_905" data-name="Group 905" transform="translate(-8441 -312)"><rect id="Rectangle_42" width="18" height="18" fill="#fff" data-name="Rectangle 42" opacity="0" transform="translate(8441 312)"/><g id="caution-sign" transform="translate(8442.001 295.283)"><path id="Path_21" fill="#fff" d="M16.072,31.244,9.2,19.34a1.246,1.246,0,0,0-2.158,0L.166,31.244a1.246,1.246,0,0,0,1.079,1.869H14.993a1.246,1.246,0,0,0,1.079-1.869Zm-14.827.623,6.874-11.9,6.874,11.9Z" data-name="Path 21" transform="translate(0 0)"/><path id="Path_22" fill="#fff" d="M147.217,112.875l.357,4.09a.507.507,0,0,0,1.01,0l.357-4.09a.93.93,0,0,0,0-.151.866.866,0,1,0-1.725.151Z" data-name="Path 22" transform="translate(-139.96 -88.623)"/><circle id="Ellipse_2" cx=".715" cy=".715" r=".715" fill="#fff" data-name="Ellipse 2" transform="translate(7.405 29.056)"/></g></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/whatsapp.svg b/demo_app/lib/assets/icons/whatsapp.svg
index 992ff345..c8a5ac33 100644
--- a/demo_app/lib/assets/icons/whatsapp.svg
+++ b/demo_app/lib/assets/icons/whatsapp.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="whatsapp" transform="translate(-139 -300)">
-    <rect id="Rectangle_50" data-name="Rectangle 50" width="18" height="18" transform="translate(139 300)" fill="none"/>
-    <path id="Icon_awesome-whatsapp" data-name="Icon awesome-whatsapp" d="M10.338,4.017A6.027,6.027,0,0,0,.855,11.288L0,14.409l3.194-.839a6.007,6.007,0,0,0,2.88.733h0a6.083,6.083,0,0,0,6.082-6.025,6.049,6.049,0,0,0-1.821-4.261ZM6.077,13.288a5,5,0,0,1-2.551-.7l-.182-.109-1.894.5.5-1.848-.119-.19a5.018,5.018,0,1,1,9.307-2.663,5.064,5.064,0,0,1-5.065,5.01ZM8.824,9.537c-.149-.076-.89-.44-1.029-.489s-.239-.076-.339.076-.388.489-.478.592-.176.114-.326.038A4.1,4.1,0,0,1,4.6,7.963c-.155-.266.155-.247.442-.822a.279.279,0,0,0-.014-.263c-.038-.076-.339-.817-.464-1.118s-.247-.252-.339-.258S4.041,5.5,3.941,5.5a.558.558,0,0,0-.4.187A1.692,1.692,0,0,0,3.013,6.94,2.949,2.949,0,0,0,3.626,8.5,6.728,6.728,0,0,0,6.2,10.772a2.946,2.946,0,0,0,1.808.377,1.542,1.542,0,0,0,1.015-.717,1.259,1.259,0,0,0,.087-.717C9.073,9.649,8.973,9.611,8.824,9.537Z" transform="translate(142 301)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="whatsapp" transform="translate(-139 -300)"><rect id="Rectangle_50" width="18" height="18" fill="none" data-name="Rectangle 50" transform="translate(139 300)"/><path id="Icon_awesome-whatsapp" fill="#fff" d="M10.338,4.017A6.027,6.027,0,0,0,.855,11.288L0,14.409l3.194-.839a6.007,6.007,0,0,0,2.88.733h0a6.083,6.083,0,0,0,6.082-6.025,6.049,6.049,0,0,0-1.821-4.261ZM6.077,13.288a5,5,0,0,1-2.551-.7l-.182-.109-1.894.5.5-1.848-.119-.19a5.018,5.018,0,1,1,9.307-2.663,5.064,5.064,0,0,1-5.065,5.01ZM8.824,9.537c-.149-.076-.89-.44-1.029-.489s-.239-.076-.339.076-.388.489-.478.592-.176.114-.326.038A4.1,4.1,0,0,1,4.6,7.963c-.155-.266.155-.247.442-.822a.279.279,0,0,0-.014-.263c-.038-.076-.339-.817-.464-1.118s-.247-.252-.339-.258S4.041,5.5,3.941,5.5a.558.558,0,0,0-.4.187A1.692,1.692,0,0,0,3.013,6.94,2.949,2.949,0,0,0,3.626,8.5,6.728,6.728,0,0,0,6.2,10.772a2.946,2.946,0,0,0,1.808.377,1.542,1.542,0,0,0,1.015-.717,1.259,1.259,0,0,0,.087-.717C9.073,9.649,8.973,9.611,8.824,9.537Z" data-name="Icon awesome-whatsapp" transform="translate(142 301)"/></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/icons/youtube.svg b/demo_app/lib/assets/icons/youtube.svg
index b2503883..8b3168f1 100644
--- a/demo_app/lib/assets/icons/youtube.svg
+++ b/demo_app/lib/assets/icons/youtube.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="youtube" transform="translate(-163 -325)">
-    <rect id="Rectangle_55" data-name="Rectangle 55" width="18" height="18" transform="translate(163 325)" fill="none"/>
-    <path id="Icon_awesome-youtube" data-name="Icon awesome-youtube" d="M14.6,6.022a1.739,1.739,0,0,0-1.223-1.231A41.086,41.086,0,0,0,7.968,4.5a41.086,41.086,0,0,0-5.406.291A1.739,1.739,0,0,0,1.339,6.022,18.238,18.238,0,0,0,1.05,9.374a18.238,18.238,0,0,0,.289,3.352,1.713,1.713,0,0,0,1.223,1.212,41.086,41.086,0,0,0,5.406.291,41.086,41.086,0,0,0,5.406-.291A1.713,1.713,0,0,0,14.6,12.726a18.238,18.238,0,0,0,.289-3.352A18.238,18.238,0,0,0,14.6,6.022ZM6.553,11.431V7.317l3.616,2.057L6.553,11.431Z" transform="translate(164.444 324.781)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="youtube" transform="translate(-163 -325)"><rect id="Rectangle_55" width="18" height="18" fill="none" data-name="Rectangle 55" transform="translate(163 325)"/><path id="Icon_awesome-youtube" fill="#fff" d="M14.6,6.022a1.739,1.739,0,0,0-1.223-1.231A41.086,41.086,0,0,0,7.968,4.5a41.086,41.086,0,0,0-5.406.291A1.739,1.739,0,0,0,1.339,6.022,18.238,18.238,0,0,0,1.05,9.374a18.238,18.238,0,0,0,.289,3.352,1.713,1.713,0,0,0,1.223,1.212,41.086,41.086,0,0,0,5.406.291,41.086,41.086,0,0,0,5.406-.291A1.713,1.713,0,0,0,14.6,12.726a18.238,18.238,0,0,0,.289-3.352A18.238,18.238,0,0,0,14.6,6.022ZM6.553,11.431V7.317l3.616,2.057L6.553,11.431Z" data-name="Icon awesome-youtube" transform="translate(164.444 324.781)"/></g></svg>
\ No newline at end of file
diff --git a/demo_app/lib/assets/logo/logo.png b/demo_app/lib/assets/logo/logo.png
index 27e5cae0..a71f4368 100644
Binary files a/demo_app/lib/assets/logo/logo.png and b/demo_app/lib/assets/logo/logo.png differ
diff --git a/example/lib/assets/img.png b/example/lib/assets/img.png
index ded2d46e..11c0e7ef 100644
Binary files a/example/lib/assets/img.png and b/example/lib/assets/img.png differ
diff --git a/gf_web/lib/assets/icons/avatar.png b/gf_web/lib/assets/icons/avatar.png
index 685ad1a3..8335c72a 100644
Binary files a/gf_web/lib/assets/icons/avatar.png and b/gf_web/lib/assets/icons/avatar.png differ
diff --git a/gf_web/lib/assets/icons/back.png b/gf_web/lib/assets/icons/back.png
index 6c90e89b..e92bf503 100644
Binary files a/gf_web/lib/assets/icons/back.png and b/gf_web/lib/assets/icons/back.png differ
diff --git a/gf_web/lib/assets/icons/buttons.png b/gf_web/lib/assets/icons/buttons.png
index d7cf8870..4adabdc8 100644
Binary files a/gf_web/lib/assets/icons/buttons.png and b/gf_web/lib/assets/icons/buttons.png differ
diff --git a/gf_web/lib/assets/icons/chips.png b/gf_web/lib/assets/icons/chips.png
index 99b08372..60bd70b6 100644
Binary files a/gf_web/lib/assets/icons/chips.png and b/gf_web/lib/assets/icons/chips.png differ
diff --git a/gf_web/lib/assets/icons/danger.svg b/gf_web/lib/assets/icons/danger.svg
index dea91e14..fe3edb5f 100644
--- a/gf_web/lib/assets/icons/danger.svg
+++ b/gf_web/lib/assets/icons/danger.svg
@@ -1,12 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_906" data-name="Group 906" transform="translate(-8502 -285)">
-    <rect id="Rectangle_43" data-name="Rectangle 43" width="18" height="18" transform="translate(8502 285)" fill="#fff" opacity="0"/>
-    <g id="radiation" transform="translate(8504 287)">
-      <path id="Path_23" data-name="Path 23" d="M131.615,268.508a.321.321,0,0,0-.438-.117,1.416,1.416,0,0,1-1.413,0,.321.321,0,0,0-.439.117l-2.161,3.743a.321.321,0,0,0,.118.438,6.41,6.41,0,0,0,3.137.854h.057a6.371,6.371,0,0,0,3.183-.855.321.321,0,0,0,.117-.438Zm-1.14,4.394h-.051a5.77,5.77,0,0,1-2.539-.616l1.848-3.2a2.059,2.059,0,0,0,1.474,0l1.848,3.2A5.725,5.725,0,0,1,130.475,272.9Z" transform="translate(-123.043 -259.74)" fill="#fff"/>
-      <path id="Path_24" data-name="Path 24" d="M37.718,63.6a1.419,1.419,0,0,1,.706-1.224.321.321,0,0,0,.117-.438L36.38,58.2a.321.321,0,0,0-.438-.117A6.373,6.373,0,0,0,32.754,63.6a.321.321,0,0,0,.321.321H37.4A.321.321,0,0,0,37.718,63.6ZM33.4,63.282A5.729,5.729,0,0,1,35.989,58.8l1.849,3.2a2.066,2.066,0,0,0-.736,1.276Z" transform="translate(-31.703 -56.175)" fill="#fff"/>
-      <path id="Path_25" data-name="Path 25" d="M253.56,60.482A6.37,6.37,0,0,0,251.2,58.1a.321.321,0,0,0-.438.117l-2.16,3.742a.321.321,0,0,0,.117.438,1.419,1.419,0,0,1,.707,1.224.321.321,0,0,0,.321.321h4.322a.321.321,0,0,0,.321-.321A6.409,6.409,0,0,0,253.56,60.482ZM250.041,63.3a2.066,2.066,0,0,0-.737-1.277l1.848-3.2a5.729,5.729,0,0,1,2.585,4.477h-3.7Z" transform="translate(-240.585 -56.198)" fill="#fff"/>
-      <path id="Path_26" data-name="Path 26" d="M197.811,198.893a1.082,1.082,0,1,0,1.082-1.082A1.083,1.083,0,0,0,197.811,198.893Zm1.082-.44a.44.44,0,1,1-.44.44A.441.441,0,0,1,198.893,198.453Z" transform="translate(-191.466 -191.466)" fill="#fff"/>
-      <path id="Path_27" data-name="Path 27" d="M12.679,2.175a7.427,7.427,0,0,0-10.5,10.5,7.427,7.427,0,0,0,10.5-10.5ZM7.427,14.213a6.786,6.786,0,1,1,6.786-6.786A6.793,6.793,0,0,1,7.427,14.213Z" fill="#fff"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_906" data-name="Group 906" transform="translate(-8502 -285)"><rect id="Rectangle_43" width="18" height="18" fill="#fff" data-name="Rectangle 43" opacity="0" transform="translate(8502 285)"/><g id="radiation" transform="translate(8504 287)"><path id="Path_23" fill="#fff" d="M131.615,268.508a.321.321,0,0,0-.438-.117,1.416,1.416,0,0,1-1.413,0,.321.321,0,0,0-.439.117l-2.161,3.743a.321.321,0,0,0,.118.438,6.41,6.41,0,0,0,3.137.854h.057a6.371,6.371,0,0,0,3.183-.855.321.321,0,0,0,.117-.438Zm-1.14,4.394h-.051a5.77,5.77,0,0,1-2.539-.616l1.848-3.2a2.059,2.059,0,0,0,1.474,0l1.848,3.2A5.725,5.725,0,0,1,130.475,272.9Z" data-name="Path 23" transform="translate(-123.043 -259.74)"/><path id="Path_24" fill="#fff" d="M37.718,63.6a1.419,1.419,0,0,1,.706-1.224.321.321,0,0,0,.117-.438L36.38,58.2a.321.321,0,0,0-.438-.117A6.373,6.373,0,0,0,32.754,63.6a.321.321,0,0,0,.321.321H37.4A.321.321,0,0,0,37.718,63.6ZM33.4,63.282A5.729,5.729,0,0,1,35.989,58.8l1.849,3.2a2.066,2.066,0,0,0-.736,1.276Z" data-name="Path 24" transform="translate(-31.703 -56.175)"/><path id="Path_25" fill="#fff" d="M253.56,60.482A6.37,6.37,0,0,0,251.2,58.1a.321.321,0,0,0-.438.117l-2.16,3.742a.321.321,0,0,0,.117.438,1.419,1.419,0,0,1,.707,1.224.321.321,0,0,0,.321.321h4.322a.321.321,0,0,0,.321-.321A6.409,6.409,0,0,0,253.56,60.482ZM250.041,63.3a2.066,2.066,0,0,0-.737-1.277l1.848-3.2a5.729,5.729,0,0,1,2.585,4.477h-3.7Z" data-name="Path 25" transform="translate(-240.585 -56.198)"/><path id="Path_26" fill="#fff" d="M197.811,198.893a1.082,1.082,0,1,0,1.082-1.082A1.083,1.083,0,0,0,197.811,198.893Zm1.082-.44a.44.44,0,1,1-.44.44A.441.441,0,0,1,198.893,198.453Z" data-name="Path 26" transform="translate(-191.466 -191.466)"/><path id="Path_27" fill="#fff" d="M12.679,2.175a7.427,7.427,0,0,0-10.5,10.5,7.427,7.427,0,0,0,10.5-10.5ZM7.427,14.213a6.786,6.786,0,1,1,6.786-6.786A6.793,6.793,0,0,1,7.427,14.213Z" data-name="Path 27"/></g></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/dark.svg b/gf_web/lib/assets/icons/dark.svg
index a5e5eb1b..571496c3 100644
--- a/gf_web/lib/assets/icons/dark.svg
+++ b/gf_web/lib/assets/icons/dark.svg
@@ -1,11 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_909" data-name="Group 909" transform="translate(-8457 -197)">
-    <rect id="Rectangle_46" data-name="Rectangle 46" width="18" height="18" transform="translate(8457 197)" fill="#fff" opacity="0"/>
-    <g id="delete" transform="translate(8460.003 199.001)">
-      <path id="Path_33" data-name="Path 33" d="M222.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,222.73,154.7Zm0,0" transform="translate(-215.025 -149.573)" fill="#fff"/>
-      <path id="Path_34" data-name="Path 34" d="M104.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,104.73,154.7Zm0,0" transform="translate(-100.939 -149.573)" fill="#fff"/>
-      <path id="Path_35" data-name="Path 35" d="M.939,4.215v8.172a1.83,1.83,0,0,0,.486,1.262,1.633,1.633,0,0,0,1.185.512H8.886a1.633,1.633,0,0,0,1.185-.512,1.83,1.83,0,0,0,.486-1.262V4.215a1.267,1.267,0,0,0-.325-2.492h-1.7V1.309A1.3,1.3,0,0,0,7.22,0H4.275a1.3,1.3,0,0,0-1.313,1.31v.415h-1.7A1.267,1.267,0,0,0,.939,4.215ZM8.886,13.5H2.61A1.05,1.05,0,0,1,1.6,12.386V4.244H9.894v8.143A1.05,1.05,0,0,1,8.886,13.5ZM3.625,1.309a.639.639,0,0,1,.65-.647H7.221a.639.639,0,0,1,.65.647v.415H3.625ZM1.264,2.387h8.968a.6.6,0,0,1,0,1.194H1.264a.6.6,0,1,1,0-1.194Zm0,0" transform="translate(0 0)" fill="#fff"/>
-      <path id="Path_36" data-name="Path 36" d="M163.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,163.73,154.7Zm0,0" transform="translate(-157.982 -149.573)" fill="#fff"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_909" data-name="Group 909" transform="translate(-8457 -197)"><rect id="Rectangle_46" width="18" height="18" fill="#fff" data-name="Rectangle 46" opacity="0" transform="translate(8457 197)"/><g id="delete" transform="translate(8460.003 199.001)"><path id="Path_33" fill="#fff" d="M222.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,222.73,154.7Zm0,0" data-name="Path 33" transform="translate(-215.025 -149.573)"/><path id="Path_34" fill="#fff" d="M104.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,104.73,154.7Zm0,0" data-name="Path 34" transform="translate(-100.939 -149.573)"/><path id="Path_35" fill="#fff" d="M.939,4.215v8.172a1.83,1.83,0,0,0,.486,1.262,1.633,1.633,0,0,0,1.185.512H8.886a1.633,1.633,0,0,0,1.185-.512,1.83,1.83,0,0,0,.486-1.262V4.215a1.267,1.267,0,0,0-.325-2.492h-1.7V1.309A1.3,1.3,0,0,0,7.22,0H4.275a1.3,1.3,0,0,0-1.313,1.31v.415h-1.7A1.267,1.267,0,0,0,.939,4.215ZM8.886,13.5H2.61A1.05,1.05,0,0,1,1.6,12.386V4.244H9.894v8.143A1.05,1.05,0,0,1,8.886,13.5ZM3.625,1.309a.639.639,0,0,1,.65-.647H7.221a.639.639,0,0,1,.65.647v.415H3.625ZM1.264,2.387h8.968a.6.6,0,0,1,0,1.194H1.264a.6.6,0,1,1,0-1.194Zm0,0" data-name="Path 35" transform="translate(0 0)"/><path id="Path_36" fill="#fff" d="M163.73,154.7a.332.332,0,0,0-.332.332V161.3a.332.332,0,1,0,.663,0v-6.269A.332.332,0,0,0,163.73,154.7Zm0,0" data-name="Path 36" transform="translate(-157.982 -149.573)"/></g></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/dribble.svg b/gf_web/lib/assets/icons/dribble.svg
index dbaca3b1..2b2984c5 100644
--- a/gf_web/lib/assets/icons/dribble.svg
+++ b/gf_web/lib/assets/icons/dribble.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Dribble" transform="translate(-146 -305)">
-    <rect id="Rectangle_54" data-name="Rectangle 54" width="18" height="18" transform="translate(146 305)" fill="none"/>
-    <path id="Icon_awesome-dribbble" data-name="Icon awesome-dribbble" d="M6.929.563A6.367,6.367,0,1,0,13.3,6.929,6.374,6.374,0,0,0,6.929.563ZM11.139,3.5a5.412,5.412,0,0,1,1.228,3.388A12.709,12.709,0,0,0,8.58,6.711c-.148-.36-.287-.678-.478-1.068A7.244,7.244,0,0,0,11.139,3.5Zm-.6-.629a6.14,6.14,0,0,1-2.85,1.964A29.029,29.029,0,0,0,5.655,1.651,5.424,5.424,0,0,1,10.535,2.87ZM4.617,2.016A34.7,34.7,0,0,1,6.634,5.161a20.285,20.285,0,0,1-5.028.663A5.458,5.458,0,0,1,4.617,2.016ZM1.491,6.938c0-.056,0-.111,0-.166A20.061,20.061,0,0,0,7.083,6c.156.3.3.614.441.923a8.424,8.424,0,0,0-4.635,3.653A5.417,5.417,0,0,1,1.491,6.938Zm2.1,4.29a7.649,7.649,0,0,1,4.3-3.408,22.606,22.606,0,0,1,1.16,4.124,5.427,5.427,0,0,1-5.462-.716Zm6.377.218A23.472,23.472,0,0,0,8.912,7.569,7.982,7.982,0,0,1,12.3,7.8a5.448,5.448,0,0,1-2.331,3.645Z" transform="translate(147.725 307)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Dribble" transform="translate(-146 -305)"><rect id="Rectangle_54" width="18" height="18" fill="none" data-name="Rectangle 54" transform="translate(146 305)"/><path id="Icon_awesome-dribbble" fill="#fff" d="M6.929.563A6.367,6.367,0,1,0,13.3,6.929,6.374,6.374,0,0,0,6.929.563ZM11.139,3.5a5.412,5.412,0,0,1,1.228,3.388A12.709,12.709,0,0,0,8.58,6.711c-.148-.36-.287-.678-.478-1.068A7.244,7.244,0,0,0,11.139,3.5Zm-.6-.629a6.14,6.14,0,0,1-2.85,1.964A29.029,29.029,0,0,0,5.655,1.651,5.424,5.424,0,0,1,10.535,2.87ZM4.617,2.016A34.7,34.7,0,0,1,6.634,5.161a20.285,20.285,0,0,1-5.028.663A5.458,5.458,0,0,1,4.617,2.016ZM1.491,6.938c0-.056,0-.111,0-.166A20.061,20.061,0,0,0,7.083,6c.156.3.3.614.441.923a8.424,8.424,0,0,0-4.635,3.653A5.417,5.417,0,0,1,1.491,6.938Zm2.1,4.29a7.649,7.649,0,0,1,4.3-3.408,22.606,22.606,0,0,1,1.16,4.124,5.427,5.427,0,0,1-5.462-.716Zm6.377.218A23.472,23.472,0,0,0,8.912,7.569,7.982,7.982,0,0,1,12.3,7.8a5.448,5.448,0,0,1-2.331,3.645Z" data-name="Icon awesome-dribbble" transform="translate(147.725 307)"/></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/fb.svg b/gf_web/lib/assets/icons/fb.svg
index e6078c98..755f3c8a 100644
--- a/gf_web/lib/assets/icons/fb.svg
+++ b/gf_web/lib/assets/icons/fb.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_911" data-name="Group 911" transform="translate(-8883 -219)">
-    <rect id="Rectangle_49" data-name="Rectangle 49" width="18" height="18" transform="translate(8883 219)" fill="#fff" opacity="0"/>
-    <path id="Icon_awesome-facebook-f" data-name="Icon awesome-facebook-f" d="M9.232,8.567l.423-2.756H7.01V4.022A1.378,1.378,0,0,1,8.564,2.533h1.2V.186A14.663,14.663,0,0,0,7.632,0a3.365,3.365,0,0,0-3.6,3.71v2.1H1.609V8.567H4.031V15.23H7.01V8.567Z" transform="translate(8886.391 220)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_911" data-name="Group 911" transform="translate(-8883 -219)"><rect id="Rectangle_49" width="18" height="18" fill="#fff" data-name="Rectangle 49" opacity="0" transform="translate(8883 219)"/><path id="Icon_awesome-facebook-f" fill="#fff" d="M9.232,8.567l.423-2.756H7.01V4.022A1.378,1.378,0,0,1,8.564,2.533h1.2V.186A14.663,14.663,0,0,0,7.632,0a3.365,3.365,0,0,0-3.6,3.71v2.1H1.609V8.567H4.031V15.23H7.01V8.567Z" data-name="Icon awesome-facebook-f" transform="translate(8886.391 220)"/></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/google.svg b/gf_web/lib/assets/icons/google.svg
index d837859e..aba0e34b 100644
--- a/gf_web/lib/assets/icons/google.svg
+++ b/gf_web/lib/assets/icons/google.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="G_" data-name="G+" transform="translate(-48 -332)">
-    <rect id="Rectangle_52" data-name="Rectangle 52" width="18" height="18" transform="translate(48 332)" fill="none"/>
-    <path id="Icon_awesome-google-plus-g" data-name="Icon awesome-google-plus-g" d="M8.468,7.835a3.3,3.3,0,0,1,.064.648,3.591,3.591,0,0,1-3.739,3.8,3.893,3.893,0,1,1,0-7.785A3.718,3.718,0,0,1,7.4,5.52L6.343,6.534a2.186,2.186,0,0,0-1.551-.6,2.459,2.459,0,0,0,0,4.918A2.108,2.108,0,0,0,7,9.173H4.793V7.835H8.468Zm3.759.131V6.836H11.091v1.13H9.961V9.1h1.13v1.13h1.135V9.1h1.13V7.966h-1.13Z" transform="translate(50.1 332.5)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="G_" data-name="G+" transform="translate(-48 -332)"><rect id="Rectangle_52" width="18" height="18" fill="none" data-name="Rectangle 52" transform="translate(48 332)"/><path id="Icon_awesome-google-plus-g" fill="#fff" d="M8.468,7.835a3.3,3.3,0,0,1,.064.648,3.591,3.591,0,0,1-3.739,3.8,3.893,3.893,0,1,1,0-7.785A3.718,3.718,0,0,1,7.4,5.52L6.343,6.534a2.186,2.186,0,0,0-1.551-.6,2.459,2.459,0,0,0,0,4.918A2.108,2.108,0,0,0,7,9.173H4.793V7.835H8.468Zm3.759.131V6.836H11.091v1.13H9.961V9.1h1.13v1.13h1.135V9.1h1.13V7.966h-1.13Z" data-name="Icon awesome-google-plus-g" transform="translate(50.1 332.5)"/></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/images.png b/gf_web/lib/assets/icons/images.png
index b5e4cb02..3bcdf781 100644
Binary files a/gf_web/lib/assets/icons/images.png and b/gf_web/lib/assets/icons/images.png differ
diff --git a/gf_web/lib/assets/icons/info.svg b/gf_web/lib/assets/icons/info.svg
index 21fd193c..81fc0ade 100644
--- a/gf_web/lib/assets/icons/info.svg
+++ b/gf_web/lib/assets/icons/info.svg
@@ -1,12 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_907" data-name="Group 907" transform="translate(-8408 -197)">
-    <rect id="Rectangle_44" data-name="Rectangle 44" width="18" height="18" transform="translate(8408 197)" fill="#fff" opacity="0"/>
-    <g id="round-information-button" transform="translate(8410 199)">
-      <g id="Group_779" data-name="Group 779">
-        <path id="Path_28" data-name="Path 28" d="M7.1,0a7.1,7.1,0,1,0,7.1,7.1A7.106,7.106,0,0,0,7.1,0Zm0,13.266A6.167,6.167,0,1,1,13.266,7.1,6.174,6.174,0,0,1,7.1,13.266Z" fill="#fff"/>
-        <path id="Path_29" data-name="Path 29" d="M179.426,92.233a.621.621,0,1,0-.621-.621A.621.621,0,0,0,179.426,92.233Z" transform="translate(-172.459 -87.763)" fill="#fff"/>
-        <path id="Path_30" data-name="Path 30" d="M164.976,146.351h-.389v-4.437a.466.466,0,0,0-.465-.466h-.855a.465.465,0,0,0,0,.931h.39v3.972h-.39a.465.465,0,0,0,0,.931h1.71a.465.465,0,1,0,0-.931Z" transform="translate(-157.023 -136.428)" fill="#fff"/>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_907" data-name="Group 907" transform="translate(-8408 -197)"><rect id="Rectangle_44" width="18" height="18" fill="#fff" data-name="Rectangle 44" opacity="0" transform="translate(8408 197)"/><g id="round-information-button" transform="translate(8410 199)"><g id="Group_779" data-name="Group 779"><path id="Path_28" fill="#fff" d="M7.1,0a7.1,7.1,0,1,0,7.1,7.1A7.106,7.106,0,0,0,7.1,0Zm0,13.266A6.167,6.167,0,1,1,13.266,7.1,6.174,6.174,0,0,1,7.1,13.266Z" data-name="Path 28"/><path id="Path_29" fill="#fff" d="M179.426,92.233a.621.621,0,1,0-.621-.621A.621.621,0,0,0,179.426,92.233Z" data-name="Path 29" transform="translate(-172.459 -87.763)"/><path id="Path_30" fill="#fff" d="M164.976,146.351h-.389v-4.437a.466.466,0,0,0-.465-.466h-.855a.465.465,0,0,0,0,.931h.39v3.972h-.39a.465.465,0,0,0,0,.931h1.71a.465.465,0,1,0,0-.931Z" data-name="Path 30" transform="translate(-157.023 -136.428)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/items.png b/gf_web/lib/assets/icons/items.png
index 1a495321..3e322bd4 100644
Binary files a/gf_web/lib/assets/icons/items.png and b/gf_web/lib/assets/icons/items.png differ
diff --git a/gf_web/lib/assets/icons/light.svg b/gf_web/lib/assets/icons/light.svg
index bf6f73a6..9088191c 100644
--- a/gf_web/lib/assets/icons/light.svg
+++ b/gf_web/lib/assets/icons/light.svg
@@ -1,11 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_908" data-name="Group 908" transform="translate(-8428 -197)">
-    <rect id="Rectangle_45" data-name="Rectangle 45" width="18" height="18" transform="translate(8428 197)" fill="#222428" opacity="0"/>
-    <g id="picture" transform="translate(8430 199)">
-      <g id="Group_782" data-name="Group 782">
-        <path id="Path_31" data-name="Path 31" d="M0,13.329A1.573,1.573,0,0,0,1.571,14.9H13.329A1.573,1.573,0,0,0,14.9,13.329V1.571A1.573,1.573,0,0,0,13.329,0H1.571A1.573,1.573,0,0,0,0,1.571Zm13.329.825H1.571a.828.828,0,0,1-.825-.825V11.366L3.571,8.54l2.414,2.414a.371.371,0,0,0,.527,0l4.36-4.36,3.282,3.282v3.453A.828.828,0,0,1,13.329,14.155ZM1.571.746H13.329a.828.828,0,0,1,.825.825V8.82L11.134,5.8a.371.371,0,0,0-.527,0l-4.36,4.36L3.833,7.749a.371.371,0,0,0-.527,0L.746,10.309V1.571A.828.828,0,0,1,1.571.746Z" fill="#222428"/>
-        <path id="Path_32" data-name="Path 32" d="M91.3,75.294a1.9,1.9,0,1,0-1.9-1.9A1.9,1.9,0,0,0,91.3,75.294Zm0-3.048A1.151,1.151,0,1,1,90.146,73.4,1.152,1.152,0,0,1,91.3,72.246Z" transform="translate(-86.678 -69.323)" fill="#222428"/>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_908" data-name="Group 908" transform="translate(-8428 -197)"><rect id="Rectangle_45" width="18" height="18" fill="#222428" data-name="Rectangle 45" opacity="0" transform="translate(8428 197)"/><g id="picture" transform="translate(8430 199)"><g id="Group_782" data-name="Group 782"><path id="Path_31" fill="#222428" d="M0,13.329A1.573,1.573,0,0,0,1.571,14.9H13.329A1.573,1.573,0,0,0,14.9,13.329V1.571A1.573,1.573,0,0,0,13.329,0H1.571A1.573,1.573,0,0,0,0,1.571Zm13.329.825H1.571a.828.828,0,0,1-.825-.825V11.366L3.571,8.54l2.414,2.414a.371.371,0,0,0,.527,0l4.36-4.36,3.282,3.282v3.453A.828.828,0,0,1,13.329,14.155ZM1.571.746H13.329a.828.828,0,0,1,.825.825V8.82L11.134,5.8a.371.371,0,0,0-.527,0l-4.36,4.36L3.833,7.749a.371.371,0,0,0-.527,0L.746,10.309V1.571A.828.828,0,0,1,1.571.746Z" data-name="Path 31"/><path id="Path_32" fill="#222428" d="M91.3,75.294a1.9,1.9,0,1,0-1.9-1.9A1.9,1.9,0,0,0,91.3,75.294Zm0-3.048A1.151,1.151,0,1,1,90.146,73.4,1.152,1.152,0,0,1,91.3,72.246Z" data-name="Path 32" transform="translate(-86.678 -69.323)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/link.svg b/gf_web/lib/assets/icons/link.svg
index 9260d523..ba0c698b 100644
--- a/gf_web/lib/assets/icons/link.svg
+++ b/gf_web/lib/assets/icons/link.svg
@@ -1,17 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_910" data-name="Group 910" transform="translate(-8407 -351)">
-    <rect id="Rectangle_47" data-name="Rectangle 47" width="18" height="18" transform="translate(8407 351)" fill="#fff" opacity="0"/>
-    <g id="remove-user" transform="translate(8409 353)">
-      <g id="Group_788" data-name="Group 788" transform="translate(0)">
-        <g id="Group_787" data-name="Group 787">
-          <path id="Path_37" data-name="Path 37" d="M11.742,8.082a7.46,7.46,0,0,0-2.021-1.03,3.917,3.917,0,1,0-4.691,0A7.492,7.492,0,0,0,.038,12.636a1.75,1.75,0,0,0,1.711,2.111H7.69a.576.576,0,1,0,0-1.152H1.748a.585.585,0,0,1-.461-.219.6.6,0,0,1-.122-.5,6.364,6.364,0,0,1,6.055-5.04l.153,0q.077,0,.154,0A6.292,6.292,0,0,1,11.07,9.017a.576.576,0,1,0,.672-.936Zm-4.228-1.4h-.28a2.765,2.765,0,1,1,.28,0Z" transform="translate(0)" fill="#3880ff"/>
-        </g>
-      </g>
-      <g id="Group_790" data-name="Group 790" transform="translate(9.851 9.85)">
-        <g id="Group_789" data-name="Group 789">
-          <path id="Path_38" data-name="Path 38" d="M345.263,344.447l1.465-1.465a.576.576,0,0,0-.815-.815l-1.465,1.465-1.465-1.465a.576.576,0,1,0-.815.815l1.465,1.465-1.465,1.465a.576.576,0,0,0,.815.815l1.465-1.465,1.465,1.465a.576.576,0,0,0,.815-.815Z" transform="translate(-342 -341.999)" fill="#3880ff"/>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_910" data-name="Group 910" transform="translate(-8407 -351)"><rect id="Rectangle_47" width="18" height="18" fill="#fff" data-name="Rectangle 47" opacity="0" transform="translate(8407 351)"/><g id="remove-user" transform="translate(8409 353)"><g id="Group_788" data-name="Group 788" transform="translate(0)"><g id="Group_787" data-name="Group 787"><path id="Path_37" fill="#3880ff" d="M11.742,8.082a7.46,7.46,0,0,0-2.021-1.03,3.917,3.917,0,1,0-4.691,0A7.492,7.492,0,0,0,.038,12.636a1.75,1.75,0,0,0,1.711,2.111H7.69a.576.576,0,1,0,0-1.152H1.748a.585.585,0,0,1-.461-.219.6.6,0,0,1-.122-.5,6.364,6.364,0,0,1,6.055-5.04l.153,0q.077,0,.154,0A6.292,6.292,0,0,1,11.07,9.017a.576.576,0,1,0,.672-.936Zm-4.228-1.4h-.28a2.765,2.765,0,1,1,.28,0Z" data-name="Path 37" transform="translate(0)"/></g></g><g id="Group_790" data-name="Group 790" transform="translate(9.851 9.85)"><g id="Group_789" data-name="Group 789"><path id="Path_38" fill="#3880ff" d="M345.263,344.447l1.465-1.465a.576.576,0,0,0-.815-.815l-1.465,1.465-1.465-1.465a.576.576,0,1,0-.815.815l1.465,1.465-1.465,1.465a.576.576,0,0,0,.815.815l1.465-1.465,1.465,1.465a.576.576,0,0,0,.815-.815Z" data-name="Path 38" transform="translate(-342 -341.999)"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/linkedin.svg b/gf_web/lib/assets/icons/linkedin.svg
index 7adb1746..65041e2b 100644
--- a/gf_web/lib/assets/icons/linkedin.svg
+++ b/gf_web/lib/assets/icons/linkedin.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="linkedin" transform="translate(-160 -329)">
-    <rect id="Rectangle_53" data-name="Rectangle 53" width="18" height="18" transform="translate(160 329)" fill="none"/>
-    <path id="Icon_awesome-linkedin-in" data-name="Icon awesome-linkedin-in" d="M2.631,11.754H.194V3.907H2.631ZM1.411,2.836A1.418,1.418,0,1,1,2.822,1.412,1.423,1.423,0,0,1,1.411,2.836Zm10.34,8.917H9.319V7.934c0-.91-.018-2.078-1.267-2.078-1.267,0-1.461.989-1.461,2.012v3.885H4.157V3.907H6.494v1.07h.034A2.56,2.56,0,0,1,8.834,3.71c2.466,0,2.919,1.624,2.919,3.733v4.31Z" transform="translate(162.95 332.25)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="linkedin" transform="translate(-160 -329)"><rect id="Rectangle_53" width="18" height="18" fill="none" data-name="Rectangle 53" transform="translate(160 329)"/><path id="Icon_awesome-linkedin-in" fill="#fff" d="M2.631,11.754H.194V3.907H2.631ZM1.411,2.836A1.418,1.418,0,1,1,2.822,1.412,1.423,1.423,0,0,1,1.411,2.836Zm10.34,8.917H9.319V7.934c0-.91-.018-2.078-1.267-2.078-1.267,0-1.461.989-1.461,2.012v3.885H4.157V3.907H6.494v1.07h.034A2.56,2.56,0,0,1,8.834,3.71c2.466,0,2.919,1.624,2.919,3.733v4.31Z" data-name="Icon awesome-linkedin-in" transform="translate(162.95 332.25)"/></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/lists.png b/gf_web/lib/assets/icons/lists.png
index e3e93174..25204d63 100644
Binary files a/gf_web/lib/assets/icons/lists.png and b/gf_web/lib/assets/icons/lists.png differ
diff --git a/gf_web/lib/assets/icons/menu.png b/gf_web/lib/assets/icons/menu.png
index 0932d5f5..0c213f26 100644
Binary files a/gf_web/lib/assets/icons/menu.png and b/gf_web/lib/assets/icons/menu.png differ
diff --git a/gf_web/lib/assets/icons/next.png b/gf_web/lib/assets/icons/next.png
index 8d3c89d9..b21d29e7 100644
Binary files a/gf_web/lib/assets/icons/next.png and b/gf_web/lib/assets/icons/next.png differ
diff --git a/gf_web/lib/assets/icons/pinterest.svg b/gf_web/lib/assets/icons/pinterest.svg
index 7aa538e1..e1fb045d 100644
--- a/gf_web/lib/assets/icons/pinterest.svg
+++ b/gf_web/lib/assets/icons/pinterest.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="pinterest" transform="translate(-124 -312)">
-    <rect id="Rectangle_57" data-name="Rectangle 57" width="18" height="18" transform="translate(124 312)" fill="none"/>
-    <path id="Icon_awesome-pinterest" data-name="Icon awesome-pinterest" d="M14.424,7.774a7.213,7.213,0,0,1-9.346,6.889,8.107,8.107,0,0,0,.9-1.89c.087-.337.448-1.716.448-1.716a1.932,1.932,0,0,0,1.652.829c2.175,0,3.743-2,3.743-4.487A4.233,4.233,0,0,0,7.369,3.235C4.257,3.235,2.6,5.323,2.6,7.6a3.236,3.236,0,0,0,1.463,2.795c.137.064.209.035.241-.1.023-.1.145-.59.2-.817a.216.216,0,0,0-.049-.206,2.84,2.84,0,0,1-.532-1.646A3.121,3.121,0,0,1,7.183,4.5,2.847,2.847,0,0,1,10.2,7.434c0,1.951-.986,3.3-2.268,3.3a1.046,1.046,0,0,1-1.067-1.3,14.492,14.492,0,0,0,.6-2.4.906.906,0,0,0-.913-1.015c-.724,0-1.306.747-1.306,1.751a2.6,2.6,0,0,0,.215,1.07s-.712,3.019-.843,3.583a6.981,6.981,0,0,0-.026,2.071,7.213,7.213,0,1,1,9.841-6.718Z" transform="translate(126.288 313)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="pinterest" transform="translate(-124 -312)"><rect id="Rectangle_57" width="18" height="18" fill="none" data-name="Rectangle 57" transform="translate(124 312)"/><path id="Icon_awesome-pinterest" fill="#fff" d="M14.424,7.774a7.213,7.213,0,0,1-9.346,6.889,8.107,8.107,0,0,0,.9-1.89c.087-.337.448-1.716.448-1.716a1.932,1.932,0,0,0,1.652.829c2.175,0,3.743-2,3.743-4.487A4.233,4.233,0,0,0,7.369,3.235C4.257,3.235,2.6,5.323,2.6,7.6a3.236,3.236,0,0,0,1.463,2.795c.137.064.209.035.241-.1.023-.1.145-.59.2-.817a.216.216,0,0,0-.049-.206,2.84,2.84,0,0,1-.532-1.646A3.121,3.121,0,0,1,7.183,4.5,2.847,2.847,0,0,1,10.2,7.434c0,1.951-.986,3.3-2.268,3.3a1.046,1.046,0,0,1-1.067-1.3,14.492,14.492,0,0,0,.6-2.4.906.906,0,0,0-.913-1.015c-.724,0-1.306.747-1.306,1.751a2.6,2.6,0,0,0,.215,1.07s-.712,3.019-.843,3.583a6.981,6.981,0,0,0-.026,2.071,7.213,7.213,0,1,1,9.841-6.718Z" data-name="Icon awesome-pinterest" transform="translate(126.288 313)"/></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/primary.svg b/gf_web/lib/assets/icons/primary.svg
index c2ad37e4..bbb3856c 100644
--- a/gf_web/lib/assets/icons/primary.svg
+++ b/gf_web/lib/assets/icons/primary.svg
@@ -1,19 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_903" data-name="Group 903" transform="translate(-8014 106)">
-    <g id="settings" transform="translate(8014 -106)">
-      <g id="Group_762" data-name="Group 762">
-        <g id="Group_761" data-name="Group 761">
-          <path id="Path_14" data-name="Path 14" d="M16.242,6.858c-.32-.048-.648-.094-.975-.136a.1.1,0,0,1-.082-.069,6.9,6.9,0,0,0-.652-1.573.1.1,0,0,1,.009-.107c.2-.262.4-.526.594-.787a.9.9,0,0,0-.088-1.159L13.973,1.952a.9.9,0,0,0-1.159-.088c-.26.192-.524.392-.787.594a.1.1,0,0,1-.107.009,6.9,6.9,0,0,0-1.573-.652.1.1,0,0,1-.069-.082c-.043-.328-.089-.656-.136-.975A.9.9,0,0,0,9.26,0H7.74a.9.9,0,0,0-.882.758c-.048.319-.094.647-.136.975a.1.1,0,0,1-.069.082,6.9,6.9,0,0,0-1.573.652.1.1,0,0,1-.107-.009c-.262-.2-.527-.4-.787-.594a.9.9,0,0,0-1.159.088L1.952,3.027a.9.9,0,0,0-.088,1.159c.193.261.392.525.594.787a.1.1,0,0,1,.009.107,6.9,6.9,0,0,0-.652,1.573.1.1,0,0,1-.082.069c-.327.043-.656.089-.975.136A.9.9,0,0,0,0,7.74V9.26a.9.9,0,0,0,.758.882c.32.048.648.094.975.136a.1.1,0,0,1,.082.069,6.9,6.9,0,0,0,.652,1.573.1.1,0,0,1-.009.107c-.2.262-.4.527-.594.787a.9.9,0,0,0,.088,1.159l1.075,1.075a.9.9,0,0,0,1.159.088c.26-.192.524-.392.787-.594a.1.1,0,0,1,.107-.009,6.9,6.9,0,0,0,1.573.652.1.1,0,0,1,.069.082c.043.328.089.656.136.975A.9.9,0,0,0,7.74,17H9.26a.9.9,0,0,0,.882-.758c.048-.32.094-.648.136-.975a.1.1,0,0,1,.069-.082,6.9,6.9,0,0,0,1.573-.652.1.1,0,0,1,.107.009c.262.2.527.4.787.594a.9.9,0,0,0,1.159-.088l1.075-1.075a.9.9,0,0,0,.088-1.159c-.192-.26-.392-.525-.594-.787a.1.1,0,0,1-.009-.107,6.9,6.9,0,0,0,.652-1.573.1.1,0,0,1,.082-.069c.327-.043.656-.089.975-.136A.9.9,0,0,0,17,9.26V7.74A.9.9,0,0,0,16.242,6.858Zm-.036,2.4a.1.1,0,0,1-.081.1c-.315.047-.638.092-.961.134a.889.889,0,0,0-.745.645,6.108,6.108,0,0,1-.577,1.392.889.889,0,0,0,.07.983c.2.258.4.519.585.775a.1.1,0,0,1-.011.126l-1.075,1.075a.1.1,0,0,1-.126.011c-.256-.189-.516-.386-.775-.585a.889.889,0,0,0-.983-.07,6.109,6.109,0,0,1-1.392.577.889.889,0,0,0-.645.745c-.042.323-.087.646-.134.961a.1.1,0,0,1-.1.081H7.74a.1.1,0,0,1-.1-.081c-.047-.314-.092-.637-.134-.961a.889.889,0,0,0-.645-.745,6.106,6.106,0,0,1-1.392-.577.889.889,0,0,0-.983.07c-.258.2-.519.4-.775.585a.1.1,0,0,1-.126-.011L2.514,13.412a.1.1,0,0,1-.011-.126c.189-.256.386-.517.585-.775a.889.889,0,0,0,.07-.983,6.107,6.107,0,0,1-.577-1.392.889.889,0,0,0-.745-.645C1.514,9.449,1.19,9.4.875,9.357a.1.1,0,0,1-.081-.1V7.74a.1.1,0,0,1,.081-.1c.315-.047.638-.092.961-.134a.888.888,0,0,0,.745-.645,6.1,6.1,0,0,1,.577-1.392.889.889,0,0,0-.07-.983c-.2-.258-.395-.518-.585-.775a.1.1,0,0,1,.011-.126L3.588,2.514A.1.1,0,0,1,3.714,2.5c.256.189.516.386.775.585a.889.889,0,0,0,.983.07,6.107,6.107,0,0,1,1.392-.577.889.889,0,0,0,.645-.745c.042-.323.087-.646.134-.961a.1.1,0,0,1,.1-.081H9.26a.1.1,0,0,1,.1.081c.047.314.092.637.134.961a.889.889,0,0,0,.645.745,6.109,6.109,0,0,1,1.392.577.889.889,0,0,0,.983-.07c.258-.2.519-.4.775-.585a.1.1,0,0,1,.126.011l1.075,1.075a.1.1,0,0,1,.011.126c-.189.256-.386.517-.585.775a.889.889,0,0,0-.07.983,6.107,6.107,0,0,1,.577,1.392.889.889,0,0,0,.745.645c.323.042.646.087.961.134a.1.1,0,0,1,.081.1V9.26Z" fill="#fff"/>
-        </g>
-      </g>
-      <g id="Group_764" data-name="Group 764" transform="translate(4.81 4.81)">
-        <g id="Group_763" data-name="Group 763">
-          <path id="Path_15" data-name="Path 15" d="M148.556,144.866a3.69,3.69,0,1,0,3.69,3.69A3.694,3.694,0,0,0,148.556,144.866Zm0,6.586a2.9,2.9,0,1,1,2.9-2.9A2.9,2.9,0,0,1,148.556,151.452Z" transform="translate(-144.866 -144.866)" fill="#fff"/>
-        </g>
-      </g>
-    </g>
-    <g id="Group_902" data-name="Group 902" transform="translate(-470 -328)">
-      <rect id="Rectangle_40" data-name="Rectangle 40" width="18" height="18" transform="translate(8484 222)" fill="#fff" opacity="0"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_903" data-name="Group 903" transform="translate(-8014 106)"><g id="settings" transform="translate(8014 -106)"><g id="Group_762" data-name="Group 762"><g id="Group_761" data-name="Group 761"><path id="Path_14" fill="#fff" d="M16.242,6.858c-.32-.048-.648-.094-.975-.136a.1.1,0,0,1-.082-.069,6.9,6.9,0,0,0-.652-1.573.1.1,0,0,1,.009-.107c.2-.262.4-.526.594-.787a.9.9,0,0,0-.088-1.159L13.973,1.952a.9.9,0,0,0-1.159-.088c-.26.192-.524.392-.787.594a.1.1,0,0,1-.107.009,6.9,6.9,0,0,0-1.573-.652.1.1,0,0,1-.069-.082c-.043-.328-.089-.656-.136-.975A.9.9,0,0,0,9.26,0H7.74a.9.9,0,0,0-.882.758c-.048.319-.094.647-.136.975a.1.1,0,0,1-.069.082,6.9,6.9,0,0,0-1.573.652.1.1,0,0,1-.107-.009c-.262-.2-.527-.4-.787-.594a.9.9,0,0,0-1.159.088L1.952,3.027a.9.9,0,0,0-.088,1.159c.193.261.392.525.594.787a.1.1,0,0,1,.009.107,6.9,6.9,0,0,0-.652,1.573.1.1,0,0,1-.082.069c-.327.043-.656.089-.975.136A.9.9,0,0,0,0,7.74V9.26a.9.9,0,0,0,.758.882c.32.048.648.094.975.136a.1.1,0,0,1,.082.069,6.9,6.9,0,0,0,.652,1.573.1.1,0,0,1-.009.107c-.2.262-.4.527-.594.787a.9.9,0,0,0,.088,1.159l1.075,1.075a.9.9,0,0,0,1.159.088c.26-.192.524-.392.787-.594a.1.1,0,0,1,.107-.009,6.9,6.9,0,0,0,1.573.652.1.1,0,0,1,.069.082c.043.328.089.656.136.975A.9.9,0,0,0,7.74,17H9.26a.9.9,0,0,0,.882-.758c.048-.32.094-.648.136-.975a.1.1,0,0,1,.069-.082,6.9,6.9,0,0,0,1.573-.652.1.1,0,0,1,.107.009c.262.2.527.4.787.594a.9.9,0,0,0,1.159-.088l1.075-1.075a.9.9,0,0,0,.088-1.159c-.192-.26-.392-.525-.594-.787a.1.1,0,0,1-.009-.107,6.9,6.9,0,0,0,.652-1.573.1.1,0,0,1,.082-.069c.327-.043.656-.089.975-.136A.9.9,0,0,0,17,9.26V7.74A.9.9,0,0,0,16.242,6.858Zm-.036,2.4a.1.1,0,0,1-.081.1c-.315.047-.638.092-.961.134a.889.889,0,0,0-.745.645,6.108,6.108,0,0,1-.577,1.392.889.889,0,0,0,.07.983c.2.258.4.519.585.775a.1.1,0,0,1-.011.126l-1.075,1.075a.1.1,0,0,1-.126.011c-.256-.189-.516-.386-.775-.585a.889.889,0,0,0-.983-.07,6.109,6.109,0,0,1-1.392.577.889.889,0,0,0-.645.745c-.042.323-.087.646-.134.961a.1.1,0,0,1-.1.081H7.74a.1.1,0,0,1-.1-.081c-.047-.314-.092-.637-.134-.961a.889.889,0,0,0-.645-.745,6.106,6.106,0,0,1-1.392-.577.889.889,0,0,0-.983.07c-.258.2-.519.4-.775.585a.1.1,0,0,1-.126-.011L2.514,13.412a.1.1,0,0,1-.011-.126c.189-.256.386-.517.585-.775a.889.889,0,0,0,.07-.983,6.107,6.107,0,0,1-.577-1.392.889.889,0,0,0-.745-.645C1.514,9.449,1.19,9.4.875,9.357a.1.1,0,0,1-.081-.1V7.74a.1.1,0,0,1,.081-.1c.315-.047.638-.092.961-.134a.888.888,0,0,0,.745-.645,6.1,6.1,0,0,1,.577-1.392.889.889,0,0,0-.07-.983c-.2-.258-.395-.518-.585-.775a.1.1,0,0,1,.011-.126L3.588,2.514A.1.1,0,0,1,3.714,2.5c.256.189.516.386.775.585a.889.889,0,0,0,.983.07,6.107,6.107,0,0,1,1.392-.577.889.889,0,0,0,.645-.745c.042-.323.087-.646.134-.961a.1.1,0,0,1,.1-.081H9.26a.1.1,0,0,1,.1.081c.047.314.092.637.134.961a.889.889,0,0,0,.645.745,6.109,6.109,0,0,1,1.392.577.889.889,0,0,0,.983-.07c.258-.2.519-.4.775-.585a.1.1,0,0,1,.126.011l1.075,1.075a.1.1,0,0,1,.011.126c-.189.256-.386.517-.585.775a.889.889,0,0,0-.07.983,6.107,6.107,0,0,1,.577,1.392.889.889,0,0,0,.745.645c.323.042.646.087.961.134a.1.1,0,0,1,.081.1V9.26Z" data-name="Path 14"/></g></g><g id="Group_764" data-name="Group 764" transform="translate(4.81 4.81)"><g id="Group_763" data-name="Group 763"><path id="Path_15" fill="#fff" d="M148.556,144.866a3.69,3.69,0,1,0,3.69,3.69A3.694,3.694,0,0,0,148.556,144.866Zm0,6.586a2.9,2.9,0,1,1,2.9-2.9A2.9,2.9,0,0,1,148.556,151.452Z" data-name="Path 15" transform="translate(-144.866 -144.866)"/></g></g></g><g id="Group_902" data-name="Group 902" transform="translate(-470 -328)"><rect id="Rectangle_40" width="18" height="18" fill="#fff" data-name="Rectangle 40" opacity="0" transform="translate(8484 222)"/></g></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/secondary.svg b/gf_web/lib/assets/icons/secondary.svg
index 56c06ebe..9268659a 100644
--- a/gf_web/lib/assets/icons/secondary.svg
+++ b/gf_web/lib/assets/icons/secondary.svg
@@ -1,17 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_901" data-name="Group 901" transform="translate(-8411 -424)">
-    <path id="Path_18" data-name="Path 18" d="M0,0H18V18H0Z" transform="translate(8411 424)" fill="none"/>
-    <g id="floppy-disk" transform="translate(8412.998 426)">
-      <g id="Group_767" data-name="Group 767">
-        <g id="Group_766" data-name="Group 766">
-          <path id="Path_16" data-name="Path 16" d="M13.716,3.361,10.5.149h0A.509.509,0,0,0,10.145,0H.507A.507.507,0,0,0,0,.507v12.85a.507.507,0,0,0,.507.507h12.85a.507.507,0,0,0,.507-.507V3.72A.507.507,0,0,0,13.716,3.361ZM4.227,1.014h5.41v3H4.227ZM10.844,12.85H3.021V8.582h7.823Zm2.006,0h-.992V8.075a.507.507,0,0,0-.507-.507H2.513a.507.507,0,0,0-.507.507V12.85H1.014V1.014h2.2V4.523a.507.507,0,0,0,.507.507h6.425a.507.507,0,0,0,.507-.507V1.732l2.2,2.2Z" fill="#fff"/>
-        </g>
-      </g>
-      <g id="Group_769" data-name="Group 769" transform="translate(7.874 1.49)">
-        <g id="Group_768" data-name="Group 768">
-          <path id="Path_17" data-name="Path 17" d="M291.289,55.015a.507.507,0,0,0-.507.507v1.036a.507.507,0,1,0,1.014,0V55.522A.507.507,0,0,0,291.289,55.015Z" transform="translate(-290.782 -55.015)" fill="#fff"/>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_901" data-name="Group 901" transform="translate(-8411 -424)"><path id="Path_18" fill="none" d="M0,0H18V18H0Z" data-name="Path 18" transform="translate(8411 424)"/><g id="floppy-disk" transform="translate(8412.998 426)"><g id="Group_767" data-name="Group 767"><g id="Group_766" data-name="Group 766"><path id="Path_16" fill="#fff" d="M13.716,3.361,10.5.149h0A.509.509,0,0,0,10.145,0H.507A.507.507,0,0,0,0,.507v12.85a.507.507,0,0,0,.507.507h12.85a.507.507,0,0,0,.507-.507V3.72A.507.507,0,0,0,13.716,3.361ZM4.227,1.014h5.41v3H4.227ZM10.844,12.85H3.021V8.582h7.823Zm2.006,0h-.992V8.075a.507.507,0,0,0-.507-.507H2.513a.507.507,0,0,0-.507.507V12.85H1.014V1.014h2.2V4.523a.507.507,0,0,0,.507.507h6.425a.507.507,0,0,0,.507-.507V1.732l2.2,2.2Z" data-name="Path 16"/></g></g><g id="Group_769" data-name="Group 769" transform="translate(7.874 1.49)"><g id="Group_768" data-name="Group 768"><path id="Path_17" fill="#fff" d="M291.289,55.015a.507.507,0,0,0-.507.507v1.036a.507.507,0,1,0,1.014,0V55.522A.507.507,0,0,0,291.289,55.015Z" data-name="Path 17" transform="translate(-290.782 -55.015)"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/slack.svg b/gf_web/lib/assets/icons/slack.svg
index ed08c2a0..1b7b49d5 100644
--- a/gf_web/lib/assets/icons/slack.svg
+++ b/gf_web/lib/assets/icons/slack.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="slack" transform="translate(-165 -399)">
-    <rect id="Rectangle_56" data-name="Rectangle 56" width="18" height="18" transform="translate(165 399)" fill="none"/>
-    <path id="Icon_awesome-slack-hash" data-name="Icon awesome-slack-hash" d="M11.9,8.611A.971.971,0,0,0,10.673,8l-1.211.4L8.654,6l1.211-.4a.967.967,0,1,0-.613-1.835l-1.211.4L7.622,2.915a.97.97,0,0,0-1.84.613L6.2,4.781,3.71,5.613,3.291,4.36a.97.97,0,0,0-1.84.613L1.87,6.227l-1.208.4A.969.969,0,0,0,.049,7.851a1,1,0,0,0,.9.656c.181.027.32-.043,1.539-.448l.808,2.4-1.211.4a.972.972,0,0,0-.613,1.224,1,1,0,0,0,.9.656c.181.027.32-.043,1.539-.448l.419,1.253a.991.991,0,0,0,1.227.611.969.969,0,0,0,.613-1.224L5.742,11.68l2.5-.835L8.657,12.1a.991.991,0,0,0,1.227.611.969.969,0,0,0,.613-1.224l-.419-1.253,1.211-.4A.961.961,0,0,0,11.9,8.611ZM5.123,9.87,4.315,7.464l2.493-.835.808,2.405Z" transform="translate(167.999 399.745)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="slack" transform="translate(-165 -399)"><rect id="Rectangle_56" width="18" height="18" fill="none" data-name="Rectangle 56" transform="translate(165 399)"/><path id="Icon_awesome-slack-hash" fill="#fff" d="M11.9,8.611A.971.971,0,0,0,10.673,8l-1.211.4L8.654,6l1.211-.4a.967.967,0,1,0-.613-1.835l-1.211.4L7.622,2.915a.97.97,0,0,0-1.84.613L6.2,4.781,3.71,5.613,3.291,4.36a.97.97,0,0,0-1.84.613L1.87,6.227l-1.208.4A.969.969,0,0,0,.049,7.851a1,1,0,0,0,.9.656c.181.027.32-.043,1.539-.448l.808,2.4-1.211.4a.972.972,0,0,0-.613,1.224,1,1,0,0,0,.9.656c.181.027.32-.043,1.539-.448l.419,1.253a.991.991,0,0,0,1.227.611.969.969,0,0,0,.613-1.224L5.742,11.68l2.5-.835L8.657,12.1a.991.991,0,0,0,1.227.611.969.969,0,0,0,.613-1.224l-.419-1.253,1.211-.4A.961.961,0,0,0,11.9,8.611ZM5.123,9.87,4.315,7.464l2.493-.835.808,2.405Z" data-name="Icon awesome-slack-hash" transform="translate(167.999 399.745)"/></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/success.svg b/gf_web/lib/assets/icons/success.svg
index b06b4ae5..ca14e673 100644
--- a/gf_web/lib/assets/icons/success.svg
+++ b/gf_web/lib/assets/icons/success.svg
@@ -1,11 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_904" data-name="Group 904" transform="translate(-8366 -185)">
-    <rect id="Rectangle_41" data-name="Rectangle 41" width="18" height="18" transform="translate(8366 185)" fill="#fff" opacity="0"/>
-    <g id="download" transform="translate(8357 177.6)">
-      <g id="Group_772" data-name="Group 772" transform="translate(11 9.4)">
-        <path id="Path_19" data-name="Path 19" d="M24.672,319a.593.593,0,0,0-.594.594v3.514H12.188v-3.514a.594.594,0,1,0-1.188,0V323.7a.593.593,0,0,0,.594.594H24.672a.593.593,0,0,0,.594-.594v-4.111A.593.593,0,0,0,24.672,319Z" transform="translate(-11 -309.986)" fill="#fff"/>
-        <path id="Path_20" data-name="Path 20" d="M115.094,19.395a.586.586,0,0,0,.841,0l3.616-3.613a.595.595,0,1,0-.841-.841l-2.6,2.6V9.994a.594.594,0,1,0-1.188,0v7.543l-2.6-2.6a.595.595,0,0,0-.841.841Z" transform="translate(-108.38 -9.4)" fill="#fff"/>
-      </g>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_904" data-name="Group 904" transform="translate(-8366 -185)"><rect id="Rectangle_41" width="18" height="18" fill="#fff" data-name="Rectangle 41" opacity="0" transform="translate(8366 185)"/><g id="download" transform="translate(8357 177.6)"><g id="Group_772" data-name="Group 772" transform="translate(11 9.4)"><path id="Path_19" fill="#fff" d="M24.672,319a.593.593,0,0,0-.594.594v3.514H12.188v-3.514a.594.594,0,1,0-1.188,0V323.7a.593.593,0,0,0,.594.594H24.672a.593.593,0,0,0,.594-.594v-4.111A.593.593,0,0,0,24.672,319Z" data-name="Path 19" transform="translate(-11 -309.986)"/><path id="Path_20" fill="#fff" d="M115.094,19.395a.586.586,0,0,0,.841,0l3.616-3.613a.595.595,0,1,0-.841-.841l-2.6,2.6V9.994a.594.594,0,1,0-1.188,0v7.543l-2.6-2.6a.595.595,0,0,0-.841.841Z" data-name="Path 20" transform="translate(-108.38 -9.4)"/></g></g></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/tabs.png b/gf_web/lib/assets/icons/tabs.png
index 49678a20..0c012cdc 100644
Binary files a/gf_web/lib/assets/icons/tabs.png and b/gf_web/lib/assets/icons/tabs.png differ
diff --git a/gf_web/lib/assets/icons/toast.png b/gf_web/lib/assets/icons/toast.png
index 44ee2d77..17f2e5c2 100644
Binary files a/gf_web/lib/assets/icons/toast.png and b/gf_web/lib/assets/icons/toast.png differ
diff --git a/gf_web/lib/assets/icons/toggle.png b/gf_web/lib/assets/icons/toggle.png
index f33816f9..7a2a7deb 100644
Binary files a/gf_web/lib/assets/icons/toggle.png and b/gf_web/lib/assets/icons/toggle.png differ
diff --git a/gf_web/lib/assets/icons/twitter.svg b/gf_web/lib/assets/icons/twitter.svg
index ac962749..39a83c28 100644
--- a/gf_web/lib/assets/icons/twitter.svg
+++ b/gf_web/lib/assets/icons/twitter.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_912" data-name="Group 912" transform="translate(-169 -344)">
-    <rect id="Rectangle_51" data-name="Rectangle 51" width="18" height="18" transform="translate(169 344)" fill="none"/>
-    <path id="Icon_awesome-twitter" data-name="Icon awesome-twitter" d="M12.4,6.177c.009.123.009.245.009.368A8,8,0,0,1,4.348,14.6,8,8,0,0,1,0,13.331a5.858,5.858,0,0,0,.684.035A5.671,5.671,0,0,0,4.2,12.156a2.837,2.837,0,0,1-2.647-1.964,3.571,3.571,0,0,0,.535.044,3,3,0,0,0,.745-.1A2.832,2.832,0,0,1,.561,7.361V7.326a2.852,2.852,0,0,0,1.28.359A2.836,2.836,0,0,1,.964,3.9,8.049,8.049,0,0,0,6.8,6.861a3.2,3.2,0,0,1-.07-.649,2.834,2.834,0,0,1,4.9-1.937,5.575,5.575,0,0,0,1.8-.684,2.824,2.824,0,0,1-1.245,1.56,5.676,5.676,0,0,0,1.631-.438A6.087,6.087,0,0,1,12.4,6.177Z" transform="translate(171.4 344)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_912" data-name="Group 912" transform="translate(-169 -344)"><rect id="Rectangle_51" width="18" height="18" fill="none" data-name="Rectangle 51" transform="translate(169 344)"/><path id="Icon_awesome-twitter" fill="#fff" d="M12.4,6.177c.009.123.009.245.009.368A8,8,0,0,1,4.348,14.6,8,8,0,0,1,0,13.331a5.858,5.858,0,0,0,.684.035A5.671,5.671,0,0,0,4.2,12.156a2.837,2.837,0,0,1-2.647-1.964,3.571,3.571,0,0,0,.535.044,3,3,0,0,0,.745-.1A2.832,2.832,0,0,1,.561,7.361V7.326a2.852,2.852,0,0,0,1.28.359A2.836,2.836,0,0,1,.964,3.9,8.049,8.049,0,0,0,6.8,6.861a3.2,3.2,0,0,1-.07-.649,2.834,2.834,0,0,1,4.9-1.937,5.575,5.575,0,0,0,1.8-.684,2.824,2.824,0,0,1-1.245,1.56,5.676,5.676,0,0,0,1.631-.438A6.087,6.087,0,0,1,12.4,6.177Z" data-name="Icon awesome-twitter" transform="translate(171.4 344)"/></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/typo.png b/gf_web/lib/assets/icons/typo.png
index 90592362..9509b539 100644
Binary files a/gf_web/lib/assets/icons/typo.png and b/gf_web/lib/assets/icons/typo.png differ
diff --git a/gf_web/lib/assets/icons/warning.svg b/gf_web/lib/assets/icons/warning.svg
index aae2b731..4d41d81d 100644
--- a/gf_web/lib/assets/icons/warning.svg
+++ b/gf_web/lib/assets/icons/warning.svg
@@ -1,10 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="Group_905" data-name="Group 905" transform="translate(-8441 -312)">
-    <rect id="Rectangle_42" data-name="Rectangle 42" width="18" height="18" transform="translate(8441 312)" fill="#fff" opacity="0"/>
-    <g id="caution-sign" transform="translate(8442.001 295.283)">
-      <path id="Path_21" data-name="Path 21" d="M16.072,31.244,9.2,19.34a1.246,1.246,0,0,0-2.158,0L.166,31.244a1.246,1.246,0,0,0,1.079,1.869H14.993a1.246,1.246,0,0,0,1.079-1.869Zm-14.827.623,6.874-11.9,6.874,11.9Z" transform="translate(0 0)" fill="#fff"/>
-      <path id="Path_22" data-name="Path 22" d="M147.217,112.875l.357,4.09a.507.507,0,0,0,1.01,0l.357-4.09a.93.93,0,0,0,0-.151.866.866,0,1,0-1.725.151Z" transform="translate(-139.96 -88.623)" fill="#fff"/>
-      <circle id="Ellipse_2" data-name="Ellipse 2" cx="0.715" cy="0.715" r="0.715" transform="translate(7.405 29.056)" fill="#fff"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="Group_905" data-name="Group 905" transform="translate(-8441 -312)"><rect id="Rectangle_42" width="18" height="18" fill="#fff" data-name="Rectangle 42" opacity="0" transform="translate(8441 312)"/><g id="caution-sign" transform="translate(8442.001 295.283)"><path id="Path_21" fill="#fff" d="M16.072,31.244,9.2,19.34a1.246,1.246,0,0,0-2.158,0L.166,31.244a1.246,1.246,0,0,0,1.079,1.869H14.993a1.246,1.246,0,0,0,1.079-1.869Zm-14.827.623,6.874-11.9,6.874,11.9Z" data-name="Path 21" transform="translate(0 0)"/><path id="Path_22" fill="#fff" d="M147.217,112.875l.357,4.09a.507.507,0,0,0,1.01,0l.357-4.09a.93.93,0,0,0,0-.151.866.866,0,1,0-1.725.151Z" data-name="Path 22" transform="translate(-139.96 -88.623)"/><circle id="Ellipse_2" cx=".715" cy=".715" r=".715" fill="#fff" data-name="Ellipse 2" transform="translate(7.405 29.056)"/></g></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/whatsapp.svg b/gf_web/lib/assets/icons/whatsapp.svg
index 992ff345..c8a5ac33 100644
--- a/gf_web/lib/assets/icons/whatsapp.svg
+++ b/gf_web/lib/assets/icons/whatsapp.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="whatsapp" transform="translate(-139 -300)">
-    <rect id="Rectangle_50" data-name="Rectangle 50" width="18" height="18" transform="translate(139 300)" fill="none"/>
-    <path id="Icon_awesome-whatsapp" data-name="Icon awesome-whatsapp" d="M10.338,4.017A6.027,6.027,0,0,0,.855,11.288L0,14.409l3.194-.839a6.007,6.007,0,0,0,2.88.733h0a6.083,6.083,0,0,0,6.082-6.025,6.049,6.049,0,0,0-1.821-4.261ZM6.077,13.288a5,5,0,0,1-2.551-.7l-.182-.109-1.894.5.5-1.848-.119-.19a5.018,5.018,0,1,1,9.307-2.663,5.064,5.064,0,0,1-5.065,5.01ZM8.824,9.537c-.149-.076-.89-.44-1.029-.489s-.239-.076-.339.076-.388.489-.478.592-.176.114-.326.038A4.1,4.1,0,0,1,4.6,7.963c-.155-.266.155-.247.442-.822a.279.279,0,0,0-.014-.263c-.038-.076-.339-.817-.464-1.118s-.247-.252-.339-.258S4.041,5.5,3.941,5.5a.558.558,0,0,0-.4.187A1.692,1.692,0,0,0,3.013,6.94,2.949,2.949,0,0,0,3.626,8.5,6.728,6.728,0,0,0,6.2,10.772a2.946,2.946,0,0,0,1.808.377,1.542,1.542,0,0,0,1.015-.717,1.259,1.259,0,0,0,.087-.717C9.073,9.649,8.973,9.611,8.824,9.537Z" transform="translate(142 301)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="whatsapp" transform="translate(-139 -300)"><rect id="Rectangle_50" width="18" height="18" fill="none" data-name="Rectangle 50" transform="translate(139 300)"/><path id="Icon_awesome-whatsapp" fill="#fff" d="M10.338,4.017A6.027,6.027,0,0,0,.855,11.288L0,14.409l3.194-.839a6.007,6.007,0,0,0,2.88.733h0a6.083,6.083,0,0,0,6.082-6.025,6.049,6.049,0,0,0-1.821-4.261ZM6.077,13.288a5,5,0,0,1-2.551-.7l-.182-.109-1.894.5.5-1.848-.119-.19a5.018,5.018,0,1,1,9.307-2.663,5.064,5.064,0,0,1-5.065,5.01ZM8.824,9.537c-.149-.076-.89-.44-1.029-.489s-.239-.076-.339.076-.388.489-.478.592-.176.114-.326.038A4.1,4.1,0,0,1,4.6,7.963c-.155-.266.155-.247.442-.822a.279.279,0,0,0-.014-.263c-.038-.076-.339-.817-.464-1.118s-.247-.252-.339-.258S4.041,5.5,3.941,5.5a.558.558,0,0,0-.4.187A1.692,1.692,0,0,0,3.013,6.94,2.949,2.949,0,0,0,3.626,8.5,6.728,6.728,0,0,0,6.2,10.772a2.946,2.946,0,0,0,1.808.377,1.542,1.542,0,0,0,1.015-.717,1.259,1.259,0,0,0,.087-.717C9.073,9.649,8.973,9.611,8.824,9.537Z" data-name="Icon awesome-whatsapp" transform="translate(142 301)"/></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/icons/youtube.svg b/gf_web/lib/assets/icons/youtube.svg
index b2503883..8b3168f1 100644
--- a/gf_web/lib/assets/icons/youtube.svg
+++ b/gf_web/lib/assets/icons/youtube.svg
@@ -1,6 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
-  <g id="youtube" transform="translate(-163 -325)">
-    <rect id="Rectangle_55" data-name="Rectangle 55" width="18" height="18" transform="translate(163 325)" fill="none"/>
-    <path id="Icon_awesome-youtube" data-name="Icon awesome-youtube" d="M14.6,6.022a1.739,1.739,0,0,0-1.223-1.231A41.086,41.086,0,0,0,7.968,4.5a41.086,41.086,0,0,0-5.406.291A1.739,1.739,0,0,0,1.339,6.022,18.238,18.238,0,0,0,1.05,9.374a18.238,18.238,0,0,0,.289,3.352,1.713,1.713,0,0,0,1.223,1.212,41.086,41.086,0,0,0,5.406.291,41.086,41.086,0,0,0,5.406-.291A1.713,1.713,0,0,0,14.6,12.726a18.238,18.238,0,0,0,.289-3.352A18.238,18.238,0,0,0,14.6,6.022ZM6.553,11.431V7.317l3.616,2.057L6.553,11.431Z" transform="translate(164.444 324.781)" fill="#fff"/>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g id="youtube" transform="translate(-163 -325)"><rect id="Rectangle_55" width="18" height="18" fill="none" data-name="Rectangle 55" transform="translate(163 325)"/><path id="Icon_awesome-youtube" fill="#fff" d="M14.6,6.022a1.739,1.739,0,0,0-1.223-1.231A41.086,41.086,0,0,0,7.968,4.5a41.086,41.086,0,0,0-5.406.291A1.739,1.739,0,0,0,1.339,6.022,18.238,18.238,0,0,0,1.05,9.374a18.238,18.238,0,0,0,.289,3.352,1.713,1.713,0,0,0,1.223,1.212,41.086,41.086,0,0,0,5.406.291,41.086,41.086,0,0,0,5.406-.291A1.713,1.713,0,0,0,14.6,12.726a18.238,18.238,0,0,0,.289-3.352A18.238,18.238,0,0,0,14.6,6.022ZM6.553,11.431V7.317l3.616,2.057L6.553,11.431Z" data-name="Icon awesome-youtube" transform="translate(164.444 324.781)"/></g></svg>
\ No newline at end of file
diff --git a/gf_web/lib/assets/logo.png b/gf_web/lib/assets/logo.png
index 27e5cae0..a71f4368 100644
Binary files a/gf_web/lib/assets/logo.png and b/gf_web/lib/assets/logo.png differ
diff --git a/gf_web/lib/assets/screen.png b/gf_web/lib/assets/screen.png
index 54aed019..65056f9b 100644
Binary files a/gf_web/lib/assets/screen.png and b/gf_web/lib/assets/screen.png differ