From 60427cb3d7916171259037dd923fa219fa5df51c Mon Sep 17 00:00:00 2001
From: Anton <mail@antontranelis.de>
Date: Thu, 14 Sep 2023 12:10:56 +0200
Subject: [PATCH] fixing hash tag issue

---
 dependency-graph.svg                          | 1169 +++++++++--------
 .../Map/Subcomponents/ItemFormPopup.tsx       |    4 +-
 .../ItemPopupComponents/TextView.tsx          |   18 -
 src/Components/Map/hooks/useTags.tsx          |    6 +-
 4 files changed, 635 insertions(+), 562 deletions(-)

diff --git a/dependency-graph.svg b/dependency-graph.svg
index ae3f2780..b9071069 100644
--- a/dependency-graph.svg
+++ b/dependency-graph.svg
@@ -4,92 +4,92 @@
 <!-- Generated by graphviz version 2.43.0 (0)
  -->
 <!-- Title: dependency&#45;cruiser output Pages: 1 -->
-<svg width="869pt" height="1359pt"
- viewBox="0.00 0.00 868.50 1358.71" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 1354.71)">
+<svg width="874pt" height="1246pt"
+ viewBox="0.00 0.00 873.50 1246.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph0" class="graph" transform="scale(1 1) rotate(0) translate(4 1242)">
 <title>dependency&#45;cruiser output</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-1354.71 864.5,-1354.71 864.5,4 -4,4"/>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-1242 869.5,-1242 869.5,4 -4,4"/>
 <g id="clust1" class="cluster">
 <title>cluster_src</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M16,-16.71C16,-16.71 840.5,-16.71 840.5,-16.71 846.5,-16.71 852.5,-22.71 852.5,-28.71 852.5,-28.71 852.5,-1330.71 852.5,-1330.71 852.5,-1336.71 846.5,-1342.71 840.5,-1342.71 840.5,-1342.71 16,-1342.71 16,-1342.71 10,-1342.71 4,-1336.71 4,-1330.71 4,-1330.71 4,-28.71 4,-28.71 4,-22.71 10,-16.71 16,-16.71"/>
-<text text-anchor="middle" x="428.25" y="-1331.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M16,-8C16,-8 845.5,-8 845.5,-8 851.5,-8 857.5,-14 857.5,-20 857.5,-20 857.5,-1218 857.5,-1218 857.5,-1224 851.5,-1230 845.5,-1230 845.5,-1230 16,-1230 16,-1230 10,-1230 4,-1224 4,-1218 4,-1218 4,-20 4,-20 4,-14 10,-8 16,-8"/>
+<text text-anchor="middle" x="430.75" y="-1218.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_src/Components</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M119,-26.71C119,-26.71 832,-26.71 832,-26.71 838,-26.71 844,-32.71 844,-38.71 844,-38.71 844,-1124.71 844,-1124.71 844,-1130.71 838,-1136.71 832,-1136.71 832,-1136.71 119,-1136.71 119,-1136.71 113,-1136.71 107,-1130.71 107,-1124.71 107,-1124.71 107,-38.71 107,-38.71 107,-32.71 113,-26.71 119,-26.71"/>
-<text text-anchor="middle" x="475.5" y="-1125.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Components</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M119,-196C119,-196 837,-196 837,-196 843,-196 849,-202 849,-208 849,-208 849,-1138 849,-1138 849,-1144 843,-1150 837,-1150 837,-1150 119,-1150 119,-1150 113,-1150 107,-1144 107,-1138 107,-1138 107,-208 107,-208 107,-202 113,-196 119,-196"/>
+<text text-anchor="middle" x="478" y="-1138.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Components</text>
 </g>
 <g id="clust3" class="cluster">
 <title>cluster_src/Components/AppShell</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M127,-998.71C127,-998.71 519.5,-998.71 519.5,-998.71 525.5,-998.71 531.5,-1004.71 531.5,-1010.71 531.5,-1010.71 531.5,-1098.71 531.5,-1098.71 531.5,-1104.71 525.5,-1110.71 519.5,-1110.71 519.5,-1110.71 127,-1110.71 127,-1110.71 121,-1110.71 115,-1104.71 115,-1098.71 115,-1098.71 115,-1010.71 115,-1010.71 115,-1004.71 121,-998.71 127,-998.71"/>
-<text text-anchor="middle" x="323.25" y="-1099.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">AppShell</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M127,-952C127,-952 524.5,-952 524.5,-952 530.5,-952 536.5,-958 536.5,-964 536.5,-964 536.5,-1052 536.5,-1052 536.5,-1058 530.5,-1064 524.5,-1064 524.5,-1064 127,-1064 127,-1064 121,-1064 115,-1058 115,-1052 115,-1052 115,-964 115,-964 115,-958 121,-952 127,-952"/>
+<text text-anchor="middle" x="325.75" y="-1052.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">AppShell</text>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_src/Components/Auth</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M455,-34.71C455,-34.71 681,-34.71 681,-34.71 687,-34.71 693,-40.71 693,-46.71 693,-46.71 693,-134.71 693,-134.71 693,-140.71 687,-146.71 681,-146.71 681,-146.71 455,-146.71 455,-146.71 449,-146.71 443,-140.71 443,-134.71 443,-134.71 443,-46.71 443,-46.71 443,-40.71 449,-34.71 455,-34.71"/>
-<text text-anchor="middle" x="568" y="-135.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Auth</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M460,-832C460,-832 686,-832 686,-832 692,-832 698,-838 698,-844 698,-844 698,-932 698,-932 698,-938 692,-944 686,-944 686,-944 460,-944 460,-944 454,-944 448,-938 448,-932 448,-932 448,-844 448,-844 448,-838 454,-832 460,-832"/>
+<text text-anchor="middle" x="573" y="-932.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Auth</text>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_src/Components/Gaming</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M127,-908.71C127,-908.71 263,-908.71 263,-908.71 269,-908.71 275,-914.71 275,-920.71 275,-920.71 275,-978.71 275,-978.71 275,-984.71 269,-990.71 263,-990.71 263,-990.71 127,-990.71 127,-990.71 121,-990.71 115,-984.71 115,-978.71 115,-978.71 115,-920.71 115,-920.71 115,-914.71 121,-908.71 127,-908.71"/>
-<text text-anchor="middle" x="195" y="-979.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Gaming</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M127,-862C127,-862 265.5,-862 265.5,-862 271.5,-862 277.5,-868 277.5,-874 277.5,-874 277.5,-932 277.5,-932 277.5,-938 271.5,-944 265.5,-944 265.5,-944 127,-944 127,-944 121,-944 115,-938 115,-932 115,-932 115,-874 115,-874 115,-868 121,-862 127,-862"/>
+<text text-anchor="middle" x="196.25" y="-932.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Gaming</text>
 </g>
 <g id="clust6" class="cluster">
 <title>cluster_src/Components/Input</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M616.5,-288.71C616.5,-288.71 824,-288.71 824,-288.71 830,-288.71 836,-294.71 836,-300.71 836,-300.71 836,-358.71 836,-358.71 836,-364.71 830,-370.71 824,-370.71 824,-370.71 616.5,-370.71 616.5,-370.71 610.5,-370.71 604.5,-364.71 604.5,-358.71 604.5,-358.71 604.5,-300.71 604.5,-300.71 604.5,-294.71 610.5,-288.71 616.5,-288.71"/>
-<text text-anchor="middle" x="720.25" y="-359.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Input</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M621.5,-952C621.5,-952 829,-952 829,-952 835,-952 841,-958 841,-964 841,-964 841,-1022 841,-1022 841,-1028 835,-1034 829,-1034 829,-1034 621.5,-1034 621.5,-1034 615.5,-1034 609.5,-1028 609.5,-1022 609.5,-1022 609.5,-964 609.5,-964 609.5,-958 615.5,-952 621.5,-952"/>
+<text text-anchor="middle" x="725.25" y="-1022.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Input</text>
 </g>
 <g id="clust7" class="cluster">
 <title>cluster_src/Components/Map</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M127,-378.71C127,-378.71 823,-378.71 823,-378.71 829,-378.71 835,-384.71 835,-390.71 835,-390.71 835,-888.71 835,-888.71 835,-894.71 829,-900.71 823,-900.71 823,-900.71 127,-900.71 127,-900.71 121,-900.71 115,-894.71 115,-888.71 115,-888.71 115,-390.71 115,-390.71 115,-384.71 121,-378.71 127,-378.71"/>
-<text text-anchor="middle" x="475" y="-889.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Map</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M127,-204C127,-204 828,-204 828,-204 834,-204 840,-210 840,-216 840,-216 840,-736 840,-736 840,-742 834,-748 828,-748 828,-748 127,-748 127,-748 121,-748 115,-742 115,-736 115,-736 115,-216 115,-216 115,-210 121,-204 127,-204"/>
+<text text-anchor="middle" x="477.5" y="-736.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Map</text>
 </g>
 <g id="clust8" class="cluster">
 <title>cluster_src/Components/Map/Subcomponents</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M296,-556.71C296,-556.71 547.5,-556.71 547.5,-556.71 553.5,-556.71 559.5,-562.71 559.5,-568.71 559.5,-568.71 559.5,-780.71 559.5,-780.71 559.5,-786.71 553.5,-792.71 547.5,-792.71 547.5,-792.71 296,-792.71 296,-792.71 290,-792.71 284,-786.71 284,-780.71 284,-780.71 284,-568.71 284,-568.71 284,-562.71 290,-556.71 296,-556.71"/>
-<text text-anchor="middle" x="421.75" y="-781.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Subcomponents</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M301,-292C301,-292 552.5,-292 552.5,-292 558.5,-292 564.5,-298 564.5,-304 564.5,-304 564.5,-516 564.5,-516 564.5,-522 558.5,-528 552.5,-528 552.5,-528 301,-528 301,-528 295,-528 289,-522 289,-516 289,-516 289,-304 289,-304 289,-298 295,-292 301,-292"/>
+<text text-anchor="middle" x="426.75" y="-516.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Subcomponents</text>
 </g>
 <g id="clust9" class="cluster">
 <title>cluster_src/Components/Map/Subcomponents/ItemPopupComponents</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M420.5,-564.71C420.5,-564.71 539.5,-564.71 539.5,-564.71 545.5,-564.71 551.5,-570.71 551.5,-576.71 551.5,-576.71 551.5,-754.71 551.5,-754.71 551.5,-760.71 545.5,-766.71 539.5,-766.71 539.5,-766.71 420.5,-766.71 420.5,-766.71 414.5,-766.71 408.5,-760.71 408.5,-754.71 408.5,-754.71 408.5,-576.71 408.5,-576.71 408.5,-570.71 414.5,-564.71 420.5,-564.71"/>
-<text text-anchor="middle" x="480" y="-755.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">ItemPopupComponents</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M425.5,-300C425.5,-300 544.5,-300 544.5,-300 550.5,-300 556.5,-306 556.5,-312 556.5,-312 556.5,-490 556.5,-490 556.5,-496 550.5,-502 544.5,-502 544.5,-502 425.5,-502 425.5,-502 419.5,-502 413.5,-496 413.5,-490 413.5,-490 413.5,-312 413.5,-312 413.5,-306 419.5,-300 425.5,-300"/>
+<text text-anchor="middle" x="485" y="-490.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">ItemPopupComponents</text>
 </g>
 <g id="clust10" class="cluster">
 <title>cluster_src/Components/Map/hooks</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M579.5,-462.71C579.5,-462.71 815,-462.71 815,-462.71 821,-462.71 827,-468.71 827,-474.71 827,-474.71 827,-562.71 827,-562.71 827,-568.71 821,-574.71 815,-574.71 815,-574.71 579.5,-574.71 579.5,-574.71 573.5,-574.71 567.5,-568.71 567.5,-562.71 567.5,-562.71 567.5,-474.71 567.5,-474.71 567.5,-468.71 573.5,-462.71 579.5,-462.71"/>
-<text text-anchor="middle" x="697.25" y="-563.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">hooks</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M584.5,-488C584.5,-488 820,-488 820,-488 826,-488 832,-494 832,-500 832,-500 832,-678 832,-678 832,-684 826,-690 820,-690 820,-690 584.5,-690 584.5,-690 578.5,-690 572.5,-684 572.5,-678 572.5,-678 572.5,-500 572.5,-500 572.5,-494 578.5,-488 584.5,-488"/>
+<text text-anchor="middle" x="702.25" y="-678.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">hooks</text>
 </g>
 <g id="clust11" class="cluster">
 <title>cluster_src/Components/Profile</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M319.5,-154.71C319.5,-154.71 511.5,-154.71 511.5,-154.71 517.5,-154.71 523.5,-160.71 523.5,-166.71 523.5,-166.71 523.5,-194.71 523.5,-194.71 523.5,-200.71 517.5,-206.71 511.5,-206.71 511.5,-206.71 319.5,-206.71 319.5,-206.71 313.5,-206.71 307.5,-200.71 307.5,-194.71 307.5,-194.71 307.5,-166.71 307.5,-166.71 307.5,-160.71 313.5,-154.71 319.5,-154.71"/>
-<text text-anchor="middle" x="415.5" y="-195.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Profile</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M212.5,-1072C212.5,-1072 381,-1072 381,-1072 387,-1072 393,-1078 393,-1084 393,-1084 393,-1112 393,-1112 393,-1118 387,-1124 381,-1124 381,-1124 212.5,-1124 212.5,-1124 206.5,-1124 200.5,-1118 200.5,-1112 200.5,-1112 200.5,-1084 200.5,-1084 200.5,-1078 206.5,-1072 212.5,-1072"/>
+<text text-anchor="middle" x="296.75" y="-1112.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Profile</text>
 </g>
 <g id="clust12" class="cluster">
 <title>cluster_src/Components/Templates</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M319.5,-214.71C319.5,-214.71 674,-214.71 674,-214.71 680,-214.71 686,-220.71 686,-226.71 686,-226.71 686,-268.71 686,-268.71 686,-274.71 680,-280.71 674,-280.71 674,-280.71 319.5,-280.71 319.5,-280.71 313.5,-280.71 307.5,-274.71 307.5,-268.71 307.5,-268.71 307.5,-226.71 307.5,-226.71 307.5,-220.71 313.5,-214.71 319.5,-214.71"/>
-<text text-anchor="middle" x="496.75" y="-269.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Templates</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M324.5,-758C324.5,-758 679,-758 679,-758 685,-758 691,-764 691,-770 691,-770 691,-812 691,-812 691,-818 685,-824 679,-824 679,-824 324.5,-824 324.5,-824 318.5,-824 312.5,-818 312.5,-812 312.5,-812 312.5,-770 312.5,-770 312.5,-764 318.5,-758 324.5,-758"/>
+<text text-anchor="middle" x="501.75" y="-812.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Templates</text>
 </g>
 <g id="clust13" class="cluster">
 <title>cluster_src/Components/Typography</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M747,-64.71C747,-64.71 813,-64.71 813,-64.71 819,-64.71 825,-70.71 825,-76.71 825,-76.71 825,-134.71 825,-134.71 825,-140.71 819,-146.71 813,-146.71 813,-146.71 747,-146.71 747,-146.71 741,-146.71 735,-140.71 735,-134.71 735,-134.71 735,-76.71 735,-76.71 735,-70.71 741,-64.71 747,-64.71"/>
-<text text-anchor="middle" x="780" y="-135.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Typography</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M752,-802C752,-802 818,-802 818,-802 824,-802 830,-808 830,-814 830,-814 830,-872 830,-872 830,-878 824,-884 818,-884 818,-884 752,-884 752,-884 746,-884 740,-878 740,-872 740,-872 740,-814 740,-814 740,-808 746,-802 752,-802"/>
+<text text-anchor="middle" x="785" y="-872.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Typography</text>
 </g>
 <g id="clust14" class="cluster">
 <title>cluster_src/SampleData</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M24,-965.71C24,-965.71 79,-965.71 79,-965.71 85,-965.71 91,-971.71 91,-977.71 91,-977.71 91,-1005.71 91,-1005.71 91,-1011.71 85,-1017.71 79,-1017.71 79,-1017.71 24,-1017.71 24,-1017.71 18,-1017.71 12,-1011.71 12,-1005.71 12,-1005.71 12,-977.71 12,-977.71 12,-971.71 18,-965.71 24,-965.71"/>
-<text text-anchor="middle" x="51.5" y="-1006.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">SampleData</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M24,-1076C24,-1076 79,-1076 79,-1076 85,-1076 91,-1082 91,-1088 91,-1088 91,-1116 91,-1116 91,-1122 85,-1128 79,-1128 79,-1128 24,-1128 24,-1128 18,-1128 12,-1122 12,-1116 12,-1116 12,-1088 12,-1088 12,-1082 18,-1076 24,-1076"/>
+<text text-anchor="middle" x="51.5" y="-1116.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">SampleData</text>
 </g>
 <g id="clust15" class="cluster">
 <title>cluster_src/Utils</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M727.5,-1144.71C727.5,-1144.71 832.5,-1144.71 832.5,-1144.71 838.5,-1144.71 844.5,-1150.71 844.5,-1156.71 844.5,-1156.71 844.5,-1304.71 844.5,-1304.71 844.5,-1310.71 838.5,-1316.71 832.5,-1316.71 832.5,-1316.71 727.5,-1316.71 727.5,-1316.71 721.5,-1316.71 715.5,-1310.71 715.5,-1304.71 715.5,-1304.71 715.5,-1156.71 715.5,-1156.71 715.5,-1150.71 721.5,-1144.71 727.5,-1144.71"/>
-<text text-anchor="middle" x="780" y="-1305.51" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Utils</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M732.5,-16C732.5,-16 837.5,-16 837.5,-16 843.5,-16 849.5,-22 849.5,-28 849.5,-28 849.5,-176 849.5,-176 849.5,-182 843.5,-188 837.5,-188 837.5,-188 732.5,-188 732.5,-188 726.5,-188 720.5,-182 720.5,-176 720.5,-176 720.5,-28 720.5,-28 720.5,-22 726.5,-16 732.5,-16"/>
+<text text-anchor="middle" x="785" y="-176.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">Utils</text>
 </g>
 <!-- src/Components/AppShell/AppShell.tsx -->
 <g id="node1" class="node">
 <title>src/Components/AppShell/AppShell.tsx</title>
 <g id="a_node1"><a xlink:href="src/Components/AppShell/AppShell.tsx" xlink:title="AppShell.tsx">
-<path fill="#bbfeff" stroke="black" d="M265.5,-1024.71C265.5,-1024.71 204.5,-1024.71 204.5,-1024.71 201.5,-1024.71 198.5,-1021.71 198.5,-1018.71 198.5,-1018.71 198.5,-1012.71 198.5,-1012.71 198.5,-1009.71 201.5,-1006.71 204.5,-1006.71 204.5,-1006.71 265.5,-1006.71 265.5,-1006.71 268.5,-1006.71 271.5,-1009.71 271.5,-1012.71 271.5,-1012.71 271.5,-1018.71 271.5,-1018.71 271.5,-1021.71 268.5,-1024.71 265.5,-1024.71"/>
-<text text-anchor="start" x="206.5" y="-1013.51" font-family="Helvetica,sans-Serif" font-size="9.00">AppShell.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M268,-978C268,-978 207,-978 207,-978 204,-978 201,-975 201,-972 201,-972 201,-966 201,-966 201,-963 204,-960 207,-960 207,-960 268,-960 268,-960 271,-960 274,-963 274,-966 274,-966 274,-972 274,-972 274,-975 271,-978 268,-978"/>
+<text text-anchor="start" x="209" y="-966.8" font-family="Helvetica,sans-Serif" font-size="9.00">AppShell.tsx</text>
 </a>
 </g>
 </g>
@@ -97,194 +97,200 @@
 <g id="node2" class="node">
 <title>src/Components/AppShell/NavBar.tsx</title>
 <g id="a_node2"><a xlink:href="src/Components/AppShell/NavBar.tsx" xlink:title="NavBar.tsx">
-<path fill="#bbfeff" stroke="black" d="M371,-1024.71C371,-1024.71 318,-1024.71 318,-1024.71 315,-1024.71 312,-1021.71 312,-1018.71 312,-1018.71 312,-1012.71 312,-1012.71 312,-1009.71 315,-1006.71 318,-1006.71 318,-1006.71 371,-1006.71 371,-1006.71 374,-1006.71 377,-1009.71 377,-1012.71 377,-1012.71 377,-1018.71 377,-1018.71 377,-1021.71 374,-1024.71 371,-1024.71"/>
-<text text-anchor="start" x="320" y="-1013.51" font-family="Helvetica,sans-Serif" font-size="9.00">NavBar.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M376,-978C376,-978 323,-978 323,-978 320,-978 317,-975 317,-972 317,-972 317,-966 317,-966 317,-963 320,-960 323,-960 323,-960 376,-960 376,-960 379,-960 382,-963 382,-966 382,-966 382,-972 382,-972 382,-975 379,-978 376,-978"/>
+<text text-anchor="start" x="325" y="-966.8" font-family="Helvetica,sans-Serif" font-size="9.00">NavBar.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/AppShell/AppShell.tsx&#45;&gt;src/Components/AppShell/NavBar.tsx -->
 <g id="edge1" class="edge">
 <title>src/Components/AppShell/AppShell.tsx&#45;&gt;src/Components/AppShell/NavBar.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M271.8,-1015.71C282.72,-1015.71 294.76,-1015.71 305.81,-1015.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="305.83,-1017.81 311.83,-1015.71 305.83,-1013.61 305.83,-1017.81"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M274.21,-969C285.86,-969 298.83,-969 310.63,-969"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="310.68,-971.1 316.68,-969 310.68,-966.9 310.68,-971.1"/>
 </g>
 <!-- src/Components/AppShell/DialogModal.tsx -->
 <g id="node4" class="node">
 <title>src/Components/AppShell/DialogModal.tsx</title>
 <g id="a_node4"><a xlink:href="src/Components/AppShell/DialogModal.tsx" xlink:title="DialogModal.tsx">
-<path fill="#bbfeff" stroke="black" d="M517.5,-1024.71C517.5,-1024.71 442.5,-1024.71 442.5,-1024.71 439.5,-1024.71 436.5,-1021.71 436.5,-1018.71 436.5,-1018.71 436.5,-1012.71 436.5,-1012.71 436.5,-1009.71 439.5,-1006.71 442.5,-1006.71 442.5,-1006.71 517.5,-1006.71 517.5,-1006.71 520.5,-1006.71 523.5,-1009.71 523.5,-1012.71 523.5,-1012.71 523.5,-1018.71 523.5,-1018.71 523.5,-1021.71 520.5,-1024.71 517.5,-1024.71"/>
-<text text-anchor="start" x="444.5" y="-1013.51" font-family="Helvetica,sans-Serif" font-size="9.00">DialogModal.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M522.5,-978C522.5,-978 447.5,-978 447.5,-978 444.5,-978 441.5,-975 441.5,-972 441.5,-972 441.5,-966 441.5,-966 441.5,-963 444.5,-960 447.5,-960 447.5,-960 522.5,-960 522.5,-960 525.5,-960 528.5,-963 528.5,-966 528.5,-966 528.5,-972 528.5,-972 528.5,-975 525.5,-978 522.5,-978"/>
+<text text-anchor="start" x="449.5" y="-966.8" font-family="Helvetica,sans-Serif" font-size="9.00">DialogModal.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/AppShell/NavBar.tsx&#45;&gt;src/Components/AppShell/DialogModal.tsx -->
-<g id="edge2" class="edge">
+<g id="edge3" class="edge">
 <title>src/Components/AppShell/NavBar.tsx&#45;&gt;src/Components/AppShell/DialogModal.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M377.14,-1015.71C392.93,-1015.71 412.39,-1015.71 430.06,-1015.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="430.48,-1017.81 436.48,-1015.71 430.48,-1013.61 430.48,-1017.81"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M382.14,-969C397.93,-969 417.39,-969 435.06,-969"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="435.48,-971.1 441.48,-969 435.48,-966.9 435.48,-971.1"/>
+</g>
+<!-- src/Components/Auth/index.tsx -->
+<g id="node5" class="node">
+<title>src/Components/Auth/index.tsx</title>
+<g id="a_node5"><a xlink:href="src/Components/Auth/index.tsx" xlink:title="index.tsx">
+<path fill="#bbfeff" stroke="black" d="M508,-873C508,-873 462,-873 462,-873 459,-873 456,-870 456,-867 456,-867 456,-861 456,-861 456,-858 459,-855 462,-855 462,-855 508,-855 508,-855 511,-855 514,-858 514,-861 514,-861 514,-867 514,-867 514,-870 511,-873 508,-873"/>
+<text text-anchor="start" x="464" y="-861.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
+</a>
+</g>
+</g>
+<!-- src/Components/AppShell/NavBar.tsx&#45;&gt;src/Components/Auth/index.tsx -->
+<g id="edge2" class="edge">
+<title>src/Components/AppShell/NavBar.tsx&#45;&gt;src/Components/Auth/index.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M362.35,-959.68C386.26,-940.88 440.32,-898.35 467.6,-876.9"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="468.95,-878.51 472.37,-873.15 466.36,-875.21 468.95,-878.51"/>
 </g>
 <!-- src/Components/AppShell/Content.tsx -->
 <g id="node3" class="node">
 <title>src/Components/AppShell/Content.tsx</title>
 <g id="a_node3"><a xlink:href="src/Components/AppShell/Content.tsx" xlink:title="Content.tsx">
-<path fill="#bbfeff" stroke="black" d="M263.5,-1054.71C263.5,-1054.71 206.5,-1054.71 206.5,-1054.71 203.5,-1054.71 200.5,-1051.71 200.5,-1048.71 200.5,-1048.71 200.5,-1042.71 200.5,-1042.71 200.5,-1039.71 203.5,-1036.71 206.5,-1036.71 206.5,-1036.71 263.5,-1036.71 263.5,-1036.71 266.5,-1036.71 269.5,-1039.71 269.5,-1042.71 269.5,-1042.71 269.5,-1048.71 269.5,-1048.71 269.5,-1051.71 266.5,-1054.71 263.5,-1054.71"/>
-<text text-anchor="start" x="208.5" y="-1043.51" font-family="Helvetica,sans-Serif" font-size="9.00">Content.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M266,-1008C266,-1008 209,-1008 209,-1008 206,-1008 203,-1005 203,-1002 203,-1002 203,-996 203,-996 203,-993 206,-990 209,-990 209,-990 266,-990 266,-990 269,-990 272,-993 272,-996 272,-996 272,-1002 272,-1002 272,-1005 269,-1008 266,-1008"/>
+<text text-anchor="start" x="211" y="-996.8" font-family="Helvetica,sans-Serif" font-size="9.00">Content.tsx</text>
 </a>
 </g>
 </g>
-<!-- src/Components/AppShell/SideBar.tsx -->
-<g id="node5" class="node">
-<title>src/Components/AppShell/SideBar.tsx</title>
-<g id="a_node5"><a xlink:href="src/Components/AppShell/SideBar.tsx" xlink:title="SideBar.tsx">
-<path fill="#bbfeff" stroke="black" d="M262.5,-1084.71C262.5,-1084.71 207.5,-1084.71 207.5,-1084.71 204.5,-1084.71 201.5,-1081.71 201.5,-1078.71 201.5,-1078.71 201.5,-1072.71 201.5,-1072.71 201.5,-1069.71 204.5,-1066.71 207.5,-1066.71 207.5,-1066.71 262.5,-1066.71 262.5,-1066.71 265.5,-1066.71 268.5,-1069.71 268.5,-1072.71 268.5,-1072.71 268.5,-1078.71 268.5,-1078.71 268.5,-1081.71 265.5,-1084.71 262.5,-1084.71"/>
-<text text-anchor="start" x="209.5" y="-1073.51" font-family="Helvetica,sans-Serif" font-size="9.00">SideBar.tsx</text>
-</a>
-</g>
-</g>
-<!-- src/Components/AppShell/SidebarSubmenu.tsx -->
-<g id="node6" class="node">
-<title>src/Components/AppShell/SidebarSubmenu.tsx</title>
-<g id="a_node6"><a xlink:href="src/Components/AppShell/SidebarSubmenu.tsx" xlink:title="SidebarSubmenu.tsx">
-<path fill="#bbfeff" stroke="black" d="M394.5,-1084.71C394.5,-1084.71 294.5,-1084.71 294.5,-1084.71 291.5,-1084.71 288.5,-1081.71 288.5,-1078.71 288.5,-1078.71 288.5,-1072.71 288.5,-1072.71 288.5,-1069.71 291.5,-1066.71 294.5,-1066.71 294.5,-1066.71 394.5,-1066.71 394.5,-1066.71 397.5,-1066.71 400.5,-1069.71 400.5,-1072.71 400.5,-1072.71 400.5,-1078.71 400.5,-1078.71 400.5,-1081.71 397.5,-1084.71 394.5,-1084.71"/>
-<text text-anchor="start" x="296.5" y="-1073.51" font-family="Helvetica,sans-Serif" font-size="9.00">SidebarSubmenu.tsx</text>
-</a>
-</g>
-</g>
-<!-- src/Components/AppShell/SideBar.tsx&#45;&gt;src/Components/AppShell/SidebarSubmenu.tsx -->
-<g id="edge3" class="edge">
-<title>src/Components/AppShell/SideBar.tsx&#45;&gt;src/Components/AppShell/SidebarSubmenu.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M268.55,-1075.71C272.98,-1075.71 277.64,-1075.71 282.38,-1075.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="282.41,-1077.81 288.41,-1075.71 282.41,-1073.61 282.41,-1077.81"/>
-</g>
-<!-- src/Components/AppShell/index.tsx -->
-<g id="node7" class="node">
-<title>src/Components/AppShell/index.tsx</title>
-<g id="a_node7"><a xlink:href="src/Components/AppShell/index.tsx" xlink:title="index.tsx">
-<path fill="#bbfeff" stroke="black" d="M175,-1039.71C175,-1039.71 129,-1039.71 129,-1039.71 126,-1039.71 123,-1036.71 123,-1033.71 123,-1033.71 123,-1027.71 123,-1027.71 123,-1024.71 126,-1021.71 129,-1021.71 129,-1021.71 175,-1021.71 175,-1021.71 178,-1021.71 181,-1024.71 181,-1027.71 181,-1027.71 181,-1033.71 181,-1033.71 181,-1036.71 178,-1039.71 175,-1039.71"/>
-<text text-anchor="start" x="131" y="-1028.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
-</a>
-</g>
-</g>
-<!-- src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/AppShell.tsx -->
-<g id="edge4" class="edge">
-<title>src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/AppShell.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.33,-1025.47C184.84,-1024.82 188.48,-1024.14 192.13,-1023.47"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="192.76,-1025.49 198.28,-1022.33 192,-1021.36 192.76,-1025.49"/>
-</g>
-<!-- src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/Content.tsx -->
-<g id="edge5" class="edge">
-<title>src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/Content.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.33,-1035.96C185.53,-1036.74 189.93,-1037.55 194.31,-1038.36"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="193.98,-1040.44 200.26,-1039.47 194.74,-1036.31 193.98,-1040.44"/>
-</g>
-<!-- src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/SideBar.tsx -->
-<g id="edge6" class="edge">
-<title>src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/SideBar.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M175.71,-1039.79C177.75,-1040.98 179.71,-1042.29 181.5,-1043.71 188.94,-1049.64 186.87,-1055.03 194.5,-1060.71 195.93,-1061.78 197.45,-1062.78 199.03,-1063.72"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="198.27,-1065.7 204.55,-1066.66 200.24,-1061.99 198.27,-1065.7"/>
-</g>
 <!-- src/Components/Auth/LoginPage.tsx -->
-<g id="node8" class="node">
-<title>src/Components/Auth/LoginPage.tsx</title>
-<g id="a_node8"><a xlink:href="src/Components/Auth/LoginPage.tsx" xlink:title="LoginPage.tsx">
-<path fill="#bbfeff" stroke="black" d="M675,-90.71C675,-90.71 608,-90.71 608,-90.71 605,-90.71 602,-87.71 602,-84.71 602,-84.71 602,-78.71 602,-78.71 602,-75.71 605,-72.71 608,-72.71 608,-72.71 675,-72.71 675,-72.71 678,-72.71 681,-75.71 681,-78.71 681,-78.71 681,-84.71 681,-84.71 681,-87.71 678,-90.71 675,-90.71"/>
-<text text-anchor="start" x="610" y="-79.51" font-family="Helvetica,sans-Serif" font-size="9.00">LoginPage.tsx</text>
-</a>
-</g>
-</g>
-<!-- src/Components/Input/TextInput.tsx -->
 <g id="node9" class="node">
-<title>src/Components/Input/TextInput.tsx</title>
-<g id="a_node9"><a xlink:href="src/Components/Input/TextInput.tsx" xlink:title="TextInput.tsx">
-<path fill="#bbfeff" stroke="black" d="M812,-314.71C812,-314.71 748,-314.71 748,-314.71 745,-314.71 742,-311.71 742,-308.71 742,-308.71 742,-302.71 742,-302.71 742,-299.71 745,-296.71 748,-296.71 748,-296.71 812,-296.71 812,-296.71 815,-296.71 818,-299.71 818,-302.71 818,-302.71 818,-308.71 818,-308.71 818,-311.71 815,-314.71 812,-314.71"/>
-<text text-anchor="start" x="750" y="-303.51" font-family="Helvetica,sans-Serif" font-size="9.00">TextInput.tsx</text>
-</a>
-</g>
-</g>
-<!-- src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
-<g id="edge7" class="edge">
-<title>src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M681.13,-83.03C690.96,-85.22 700.65,-89.32 707.5,-96.71 723.68,-114.2 709.19,-126.74 715.5,-149.71 730.27,-203.45 758.24,-263.64 771.57,-290.89"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="769.8,-292.04 774.33,-296.49 773.56,-290.18 769.8,-292.04"/>
-</g>
-<!-- src/Components/Typography/ErrorText.tsx -->
-<g id="node10" class="node">
-<title>src/Components/Typography/ErrorText.tsx</title>
-<g id="a_node10"><a xlink:href="src/Components/Typography/ErrorText.tsx" xlink:title="ErrorText.tsx">
-<path fill="#bbfeff" stroke="black" d="M811,-90.71C811,-90.71 749,-90.71 749,-90.71 746,-90.71 743,-87.71 743,-84.71 743,-84.71 743,-78.71 743,-78.71 743,-75.71 746,-72.71 749,-72.71 749,-72.71 811,-72.71 811,-72.71 814,-72.71 817,-75.71 817,-78.71 817,-78.71 817,-84.71 817,-84.71 817,-87.71 814,-90.71 811,-90.71"/>
-<text text-anchor="start" x="751" y="-79.51" font-family="Helvetica,sans-Serif" font-size="9.00">ErrorText.tsx</text>
-</a>
-</g>
-</g>
-<!-- src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx -->
-<g id="edge8" class="edge">
-<title>src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M681.25,-81.71C698.52,-81.71 718.91,-81.71 736.58,-81.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.96,-83.81 742.96,-81.71 736.96,-79.61 736.96,-83.81"/>
-</g>
-<!-- src/Components/Auth/SignupPage.tsx -->
-<g id="node11" class="node">
-<title>src/Components/Auth/SignupPage.tsx</title>
-<g id="a_node11"><a xlink:href="src/Components/Auth/SignupPage.tsx" xlink:title="SignupPage.tsx">
-<path fill="#bbfeff" stroke="black" d="M679,-60.71C679,-60.71 604,-60.71 604,-60.71 601,-60.71 598,-57.71 598,-54.71 598,-54.71 598,-48.71 598,-48.71 598,-45.71 601,-42.71 604,-42.71 604,-42.71 679,-42.71 679,-42.71 682,-42.71 685,-45.71 685,-48.71 685,-48.71 685,-54.71 685,-54.71 685,-57.71 682,-60.71 679,-60.71"/>
-<text text-anchor="start" x="606" y="-49.51" font-family="Helvetica,sans-Serif" font-size="9.00">SignupPage.tsx</text>
-</a>
-</g>
-</g>
-<!-- src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
-<g id="edge9" class="edge">
-<title>src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M685.11,-53.72C693.61,-56.09 701.7,-60.1 707.5,-66.71 719.72,-80.64 711.07,-131.72 715.5,-149.71 728.82,-203.83 757.5,-263.83 771.29,-290.96"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="769.54,-292.16 774.15,-296.54 773.28,-290.24 769.54,-292.16"/>
-</g>
-<!-- src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx -->
-<g id="edge10" class="edge">
-<title>src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M683.45,-60.72C700.24,-64.4 719.66,-68.67 736.6,-72.39"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.4,-74.5 742.71,-73.74 737.3,-70.4 736.4,-74.5"/>
-</g>
-<!-- src/Components/Auth/index.tsx -->
-<g id="node12" class="node">
-<title>src/Components/Auth/index.tsx</title>
-<g id="a_node12"><a xlink:href="src/Components/Auth/index.tsx" xlink:title="index.tsx">
-<path fill="#bbfeff" stroke="black" d="M503,-105.71C503,-105.71 457,-105.71 457,-105.71 454,-105.71 451,-102.71 451,-99.71 451,-99.71 451,-93.71 451,-93.71 451,-90.71 454,-87.71 457,-87.71 457,-87.71 503,-87.71 503,-87.71 506,-87.71 509,-90.71 509,-93.71 509,-93.71 509,-99.71 509,-99.71 509,-102.71 506,-105.71 503,-105.71"/>
-<text text-anchor="start" x="459" y="-94.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
+<title>src/Components/Auth/LoginPage.tsx</title>
+<g id="a_node9"><a xlink:href="src/Components/Auth/LoginPage.tsx" xlink:title="LoginPage.tsx">
+<path fill="#bbfeff" stroke="black" d="M680,-858C680,-858 613,-858 613,-858 610,-858 607,-855 607,-852 607,-852 607,-846 607,-846 607,-843 610,-840 613,-840 613,-840 680,-840 680,-840 683,-840 686,-843 686,-846 686,-846 686,-852 686,-852 686,-855 683,-858 680,-858"/>
+<text text-anchor="start" x="615" y="-846.8" font-family="Helvetica,sans-Serif" font-size="9.00">LoginPage.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/LoginPage.tsx -->
-<g id="edge11" class="edge">
+<g id="edge12" class="edge">
 <title>src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/LoginPage.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M509.15,-94.07C533.09,-91.82 567.92,-88.54 595.69,-85.93"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="596.09,-88 601.86,-85.35 595.69,-83.82 596.09,-88"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M514.15,-861.35C538.09,-859.1 572.92,-855.83 600.69,-853.21"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="601.09,-855.29 606.86,-852.63 600.69,-851.1 601.09,-855.29"/>
+</g>
+<!-- src/Components/Auth/SignupPage.tsx -->
+<g id="node12" class="node">
+<title>src/Components/Auth/SignupPage.tsx</title>
+<g id="a_node12"><a xlink:href="src/Components/Auth/SignupPage.tsx" xlink:title="SignupPage.tsx">
+<path fill="#bbfeff" stroke="black" d="M684,-888C684,-888 609,-888 609,-888 606,-888 603,-885 603,-882 603,-882 603,-876 603,-876 603,-873 606,-870 609,-870 609,-870 684,-870 684,-870 687,-870 690,-873 690,-876 690,-876 690,-882 690,-882 690,-885 687,-888 684,-888"/>
+<text text-anchor="start" x="611" y="-876.8" font-family="Helvetica,sans-Serif" font-size="9.00">SignupPage.tsx</text>
+</a>
+</g>
 </g>
 <!-- src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/SignupPage.tsx -->
-<g id="edge12" class="edge">
+<g id="edge13" class="edge">
 <title>src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/SignupPage.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M504.6,-87.59C521.84,-81.15 545.89,-72.65 567.5,-66.71 575.25,-64.58 583.55,-62.6 591.66,-60.82"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="592.39,-62.82 597.81,-59.51 591.51,-58.71 592.39,-62.82"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M514.15,-866.65C537.01,-868.8 569.79,-871.88 596.89,-874.43"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="596.76,-876.53 602.93,-875 597.15,-872.34 596.76,-876.53"/>
 </g>
 <!-- src/Components/Auth/useAuth.tsx -->
 <g id="node13" class="node">
 <title>src/Components/Auth/useAuth.tsx</title>
 <g id="a_node13"><a xlink:href="src/Components/Auth/useAuth.tsx" xlink:title="useAuth.tsx">
-<path fill="#bbfeff" stroke="black" d="M671,-120.71C671,-120.71 612,-120.71 612,-120.71 609,-120.71 606,-117.71 606,-114.71 606,-114.71 606,-108.71 606,-108.71 606,-105.71 609,-102.71 612,-102.71 612,-102.71 671,-102.71 671,-102.71 674,-102.71 677,-105.71 677,-108.71 677,-108.71 677,-114.71 677,-114.71 677,-117.71 674,-120.71 671,-120.71"/>
-<text text-anchor="start" x="614" y="-109.51" font-family="Helvetica,sans-Serif" font-size="9.00">useAuth.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M676,-918C676,-918 617,-918 617,-918 614,-918 611,-915 611,-912 611,-912 611,-906 611,-906 611,-903 614,-900 617,-900 617,-900 676,-900 676,-900 679,-900 682,-903 682,-906 682,-906 682,-912 682,-912 682,-915 679,-918 676,-918"/>
+<text text-anchor="start" x="619" y="-906.8" font-family="Helvetica,sans-Serif" font-size="9.00">useAuth.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/useAuth.tsx -->
-<g id="edge13" class="edge">
+<g id="edge14" class="edge">
 <title>src/Components/Auth/index.tsx&#45;&gt;src/Components/Auth/useAuth.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M509.15,-99.36C534.26,-101.72 571.33,-105.21 599.69,-107.88"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="599.8,-110 605.97,-108.47 600.19,-105.81 599.8,-110"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M509.6,-873.13C526.84,-879.56 550.89,-888.06 572.5,-894 582.82,-896.84 594.1,-899.41 604.64,-901.59"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="604.45,-903.69 610.74,-902.83 605.28,-899.58 604.45,-903.69"/>
+</g>
+<!-- src/Components/AppShell/SideBar.tsx -->
+<g id="node6" class="node">
+<title>src/Components/AppShell/SideBar.tsx</title>
+<g id="a_node6"><a xlink:href="src/Components/AppShell/SideBar.tsx" xlink:title="SideBar.tsx">
+<path fill="#bbfeff" stroke="black" d="M265,-1038C265,-1038 210,-1038 210,-1038 207,-1038 204,-1035 204,-1032 204,-1032 204,-1026 204,-1026 204,-1023 207,-1020 210,-1020 210,-1020 265,-1020 265,-1020 268,-1020 271,-1023 271,-1026 271,-1026 271,-1032 271,-1032 271,-1035 268,-1038 265,-1038"/>
+<text text-anchor="start" x="212" y="-1026.8" font-family="Helvetica,sans-Serif" font-size="9.00">SideBar.tsx</text>
+</a>
+</g>
+</g>
+<!-- src/Components/AppShell/SidebarSubmenu.tsx -->
+<g id="node7" class="node">
+<title>src/Components/AppShell/SidebarSubmenu.tsx</title>
+<g id="a_node7"><a xlink:href="src/Components/AppShell/SidebarSubmenu.tsx" xlink:title="SidebarSubmenu.tsx">
+<path fill="#bbfeff" stroke="black" d="M399.5,-1038C399.5,-1038 299.5,-1038 299.5,-1038 296.5,-1038 293.5,-1035 293.5,-1032 293.5,-1032 293.5,-1026 293.5,-1026 293.5,-1023 296.5,-1020 299.5,-1020 299.5,-1020 399.5,-1020 399.5,-1020 402.5,-1020 405.5,-1023 405.5,-1026 405.5,-1026 405.5,-1032 405.5,-1032 405.5,-1035 402.5,-1038 399.5,-1038"/>
+<text text-anchor="start" x="301.5" y="-1026.8" font-family="Helvetica,sans-Serif" font-size="9.00">SidebarSubmenu.tsx</text>
+</a>
+</g>
+</g>
+<!-- src/Components/AppShell/SideBar.tsx&#45;&gt;src/Components/AppShell/SidebarSubmenu.tsx -->
+<g id="edge4" class="edge">
+<title>src/Components/AppShell/SideBar.tsx&#45;&gt;src/Components/AppShell/SidebarSubmenu.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M271.21,-1029C276.32,-1029 281.75,-1029 287.26,-1029"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="287.26,-1031.1 293.26,-1029 287.26,-1026.9 287.26,-1031.1"/>
+</g>
+<!-- src/Components/AppShell/index.tsx -->
+<g id="node8" class="node">
+<title>src/Components/AppShell/index.tsx</title>
+<g id="a_node8"><a xlink:href="src/Components/AppShell/index.tsx" xlink:title="index.tsx">
+<path fill="#bbfeff" stroke="black" d="M175,-993C175,-993 129,-993 129,-993 126,-993 123,-990 123,-987 123,-987 123,-981 123,-981 123,-978 126,-975 129,-975 129,-975 175,-975 175,-975 178,-975 181,-978 181,-981 181,-981 181,-987 181,-987 181,-990 178,-993 175,-993"/>
+<text text-anchor="start" x="131" y="-981.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
+</a>
+</g>
+</g>
+<!-- src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/AppShell.tsx -->
+<g id="edge5" class="edge">
+<title>src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/AppShell.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.27,-978.92C185.56,-978.15 190.07,-977.34 194.58,-976.53"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="195.18,-978.56 200.71,-975.43 194.43,-974.42 195.18,-978.56"/>
+</g>
+<!-- src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/Content.tsx -->
+<g id="edge6" class="edge">
+<title>src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/Content.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.27,-989.08C186.23,-989.97 191.48,-990.91 196.69,-991.85"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="196.49,-993.95 202.77,-992.94 197.24,-989.81 196.49,-993.95"/>
+</g>
+<!-- src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/SideBar.tsx -->
+<g id="edge7" class="edge">
+<title>src/Components/AppShell/index.tsx&#45;&gt;src/Components/AppShell/SideBar.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M175.71,-993.08C177.75,-994.27 179.71,-995.58 181.5,-997 188.94,-1002.93 186.82,-1008.39 194.5,-1014 195.97,-1015.07 197.52,-1016.07 199.12,-1017"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="198.46,-1019.03 204.76,-1019.93 200.4,-1015.3 198.46,-1019.03"/>
+</g>
+<!-- src/Components/Input/TextInput.tsx -->
+<g id="node10" class="node">
+<title>src/Components/Input/TextInput.tsx</title>
+<g id="a_node10"><a xlink:href="src/Components/Input/TextInput.tsx" xlink:title="TextInput.tsx">
+<path fill="#bbfeff" stroke="black" d="M817,-1008C817,-1008 753,-1008 753,-1008 750,-1008 747,-1005 747,-1002 747,-1002 747,-996 747,-996 747,-993 750,-990 753,-990 753,-990 817,-990 817,-990 820,-990 823,-993 823,-996 823,-996 823,-1002 823,-1002 823,-1005 820,-1008 817,-1008"/>
+<text text-anchor="start" x="755" y="-996.8" font-family="Helvetica,sans-Serif" font-size="9.00">TextInput.tsx</text>
+</a>
+</g>
+</g>
+<!-- src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
+<g id="edge8" class="edge">
+<title>src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M686.2,-849.88C696.15,-852.04 705.89,-856.24 712.5,-864 729.83,-884.35 703.23,-963.61 720.5,-984 725.75,-990.2 733.04,-994.1 740.82,-996.51"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.5,-998.6 746.84,-998.07 741.56,-994.53 740.5,-998.6"/>
+</g>
+<!-- src/Components/Typography/ErrorText.tsx -->
+<g id="node11" class="node">
+<title>src/Components/Typography/ErrorText.tsx</title>
+<g id="a_node11"><a xlink:href="src/Components/Typography/ErrorText.tsx" xlink:title="ErrorText.tsx">
+<path fill="#bbfeff" stroke="black" d="M816,-858C816,-858 754,-858 754,-858 751,-858 748,-855 748,-852 748,-852 748,-846 748,-846 748,-843 751,-840 754,-840 754,-840 816,-840 816,-840 819,-840 822,-843 822,-846 822,-846 822,-852 822,-852 822,-855 819,-858 816,-858"/>
+<text text-anchor="start" x="756" y="-846.8" font-family="Helvetica,sans-Serif" font-size="9.00">ErrorText.tsx</text>
+</a>
+</g>
+</g>
+<!-- src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx -->
+<g id="edge9" class="edge">
+<title>src/Components/Auth/LoginPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M686.25,-849C703.52,-849 723.91,-849 741.58,-849"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="741.96,-851.1 747.96,-849 741.96,-846.9 741.96,-851.1"/>
+</g>
+<!-- src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
+<g id="edge10" class="edge">
+<title>src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M690.14,-880.97C698.64,-883.34 706.72,-887.36 712.5,-894 725.68,-909.14 707.36,-968.82 720.5,-984 725.82,-990.14 733.14,-994.02 740.93,-996.42"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.61,-998.51 746.95,-997.98 741.66,-994.44 740.61,-998.51"/>
+</g>
+<!-- src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx -->
+<g id="edge11" class="edge">
+<title>src/Components/Auth/SignupPage.tsx&#45;&gt;src/Components/Typography/ErrorText.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M688.45,-870C705.24,-866.31 724.66,-862.04 741.6,-858.32"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="742.3,-860.31 747.71,-856.98 741.4,-856.21 742.3,-860.31"/>
 </g>
 <!-- src/Components/Gaming/Modal.tsx -->
 <g id="node14" class="node">
 <title>src/Components/Gaming/Modal.tsx</title>
 <g id="a_node14"><a xlink:href="src/Components/Gaming/Modal.tsx" xlink:title="Modal.tsx">
-<path fill="#bbfeff" stroke="black" d="M258.5,-934.71C258.5,-934.71 211.5,-934.71 211.5,-934.71 208.5,-934.71 205.5,-931.71 205.5,-928.71 205.5,-928.71 205.5,-922.71 205.5,-922.71 205.5,-919.71 208.5,-916.71 211.5,-916.71 211.5,-916.71 258.5,-916.71 258.5,-916.71 261.5,-916.71 264.5,-919.71 264.5,-922.71 264.5,-922.71 264.5,-928.71 264.5,-928.71 264.5,-931.71 261.5,-934.71 258.5,-934.71"/>
-<text text-anchor="start" x="213.5" y="-923.51" font-family="Helvetica,sans-Serif" font-size="9.00">Modal.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M261,-888C261,-888 214,-888 214,-888 211,-888 208,-885 208,-882 208,-882 208,-876 208,-876 208,-873 211,-870 214,-870 214,-870 261,-870 261,-870 264,-870 267,-873 267,-876 267,-876 267,-882 267,-882 267,-885 264,-888 261,-888"/>
+<text text-anchor="start" x="216" y="-876.8" font-family="Helvetica,sans-Serif" font-size="9.00">Modal.tsx</text>
 </a>
 </g>
 </g>
@@ -292,8 +298,8 @@
 <g id="node15" class="node">
 <title>src/Components/Gaming/Quests.tsx</title>
 <g id="a_node15"><a xlink:href="src/Components/Gaming/Quests.tsx" xlink:title="Quests.tsx">
-<path fill="#bbfeff" stroke="black" d="M261,-964.71C261,-964.71 209,-964.71 209,-964.71 206,-964.71 203,-961.71 203,-958.71 203,-958.71 203,-952.71 203,-952.71 203,-949.71 206,-946.71 209,-946.71 209,-946.71 261,-946.71 261,-946.71 264,-946.71 267,-949.71 267,-952.71 267,-952.71 267,-958.71 267,-958.71 267,-961.71 264,-964.71 261,-964.71"/>
-<text text-anchor="start" x="211" y="-953.51" font-family="Helvetica,sans-Serif" font-size="9.00">Quests.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M263.5,-918C263.5,-918 211.5,-918 211.5,-918 208.5,-918 205.5,-915 205.5,-912 205.5,-912 205.5,-906 205.5,-906 205.5,-903 208.5,-900 211.5,-900 211.5,-900 263.5,-900 263.5,-900 266.5,-900 269.5,-903 269.5,-906 269.5,-906 269.5,-912 269.5,-912 269.5,-915 266.5,-918 263.5,-918"/>
+<text text-anchor="start" x="213.5" y="-906.8" font-family="Helvetica,sans-Serif" font-size="9.00">Quests.tsx</text>
 </a>
 </g>
 </g>
@@ -301,29 +307,29 @@
 <g id="node16" class="node">
 <title>src/Components/Gaming/index.tsx</title>
 <g id="a_node16"><a xlink:href="src/Components/Gaming/index.tsx" xlink:title="index.tsx">
-<path fill="#bbfeff" stroke="black" d="M175,-934.71C175,-934.71 129,-934.71 129,-934.71 126,-934.71 123,-931.71 123,-928.71 123,-928.71 123,-922.71 123,-922.71 123,-919.71 126,-916.71 129,-916.71 129,-916.71 175,-916.71 175,-916.71 178,-916.71 181,-919.71 181,-922.71 181,-922.71 181,-928.71 181,-928.71 181,-931.71 178,-934.71 175,-934.71"/>
-<text text-anchor="start" x="131" y="-923.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M175,-918C175,-918 129,-918 129,-918 126,-918 123,-915 123,-912 123,-912 123,-906 123,-906 123,-903 126,-900 129,-900 129,-900 175,-900 175,-900 178,-900 181,-903 181,-906 181,-906 181,-912 181,-912 181,-915 178,-918 175,-918"/>
+<text text-anchor="start" x="131" y="-906.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Gaming/index.tsx&#45;&gt;src/Components/Gaming/Modal.tsx -->
-<g id="edge14" class="edge">
+<g id="edge15" class="edge">
 <title>src/Components/Gaming/index.tsx&#45;&gt;src/Components/Gaming/Modal.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.33,-925.71C187.03,-925.71 193.07,-925.71 198.97,-925.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="199.28,-927.81 205.27,-925.71 199.27,-923.61 199.28,-927.81"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M178.01,-899.94C183.45,-897.98 189.16,-895.92 194.5,-894 198.04,-892.73 201.75,-891.4 205.43,-890.08"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="206.23,-892.02 211.18,-888.03 204.82,-888.07 206.23,-892.02"/>
 </g>
 <!-- src/Components/Gaming/index.tsx&#45;&gt;src/Components/Gaming/Quests.tsx -->
-<g id="edge15" class="edge">
+<g id="edge16" class="edge">
 <title>src/Components/Gaming/index.tsx&#45;&gt;src/Components/Gaming/Quests.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M177.3,-934.72C185.56,-937.77 194.89,-941.23 203.56,-944.44"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="203.08,-946.5 209.43,-946.62 204.54,-942.56 203.08,-946.5"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.27,-909C187.09,-909 193.3,-909 199.38,-909"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="199.39,-911.1 205.39,-909 199.39,-906.9 199.39,-911.1"/>
 </g>
 <!-- src/Components/Input/TextAreaInput.tsx -->
 <g id="node17" class="node">
 <title>src/Components/Input/TextAreaInput.tsx</title>
 <g id="a_node17"><a xlink:href="src/Components/Input/TextAreaInput.tsx" xlink:title="TextAreaInput.tsx">
-<path fill="#bbfeff" stroke="black" d="M822,-344.71C822,-344.71 738,-344.71 738,-344.71 735,-344.71 732,-341.71 732,-338.71 732,-338.71 732,-332.71 732,-332.71 732,-329.71 735,-326.71 738,-326.71 738,-326.71 822,-326.71 822,-326.71 825,-326.71 828,-329.71 828,-332.71 828,-332.71 828,-338.71 828,-338.71 828,-341.71 825,-344.71 822,-344.71"/>
-<text text-anchor="start" x="740" y="-333.51" font-family="Helvetica,sans-Serif" font-size="9.00">TextAreaInput.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M827,-978C827,-978 743,-978 743,-978 740,-978 737,-975 737,-972 737,-972 737,-966 737,-966 737,-963 740,-960 743,-960 743,-960 827,-960 827,-960 830,-960 833,-963 833,-966 833,-966 833,-972 833,-972 833,-975 830,-978 827,-978"/>
+<text text-anchor="start" x="745" y="-966.8" font-family="Helvetica,sans-Serif" font-size="9.00">TextAreaInput.tsx</text>
 </a>
 </g>
 </g>
@@ -331,46 +337,59 @@
 <g id="node18" class="node">
 <title>src/Components/Map/hooks/useTags.tsx</title>
 <g id="a_node18"><a xlink:href="src/Components/Map/hooks/useTags.tsx" xlink:title="useTags.tsx">
-<path fill="#bbfeff" stroke="black" d="M808,-518.71C808,-518.71 752,-518.71 752,-518.71 749,-518.71 746,-515.71 746,-512.71 746,-512.71 746,-506.71 746,-506.71 746,-503.71 749,-500.71 752,-500.71 752,-500.71 808,-500.71 808,-500.71 811,-500.71 814,-503.71 814,-506.71 814,-506.71 814,-512.71 814,-512.71 814,-515.71 811,-518.71 808,-518.71"/>
-<text text-anchor="start" x="754" y="-507.51" font-family="Helvetica,sans-Serif" font-size="9.00">useTags.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M674.5,-604C674.5,-604 618.5,-604 618.5,-604 615.5,-604 612.5,-601 612.5,-598 612.5,-598 612.5,-592 612.5,-592 612.5,-589 615.5,-586 618.5,-586 618.5,-586 674.5,-586 674.5,-586 677.5,-586 680.5,-589 680.5,-592 680.5,-592 680.5,-598 680.5,-598 680.5,-601 677.5,-604 674.5,-604"/>
+<text text-anchor="start" x="620.5" y="-592.8" font-family="Helvetica,sans-Serif" font-size="9.00">useTags.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Input/TextAreaInput.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
-<g id="edge16" class="edge">
+<g id="edge17" class="edge">
 <title>src/Components/Input/TextAreaInput.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M773.05,-345.02C758.4,-365.28 724.72,-415.47 712.83,-463.71 709.96,-475.37 709.36,-479.23 712.83,-490.71 716.36,-502.38 727.48,-507.81 739.68,-510.11"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.49,-512.2 745.73,-510.99 740.1,-508.04 739.49,-512.2"/>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M773,-344.98C757.9,-365.65 722.6,-417.64 710.17,-467.71 708.13,-475.91 707.72,-478.63 710.17,-486.71 714.05,-499.53 726.48,-505.71 739.8,-508.53"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.68,-510.64 745.96,-509.6 740.41,-506.5 739.68,-510.64"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M773.42,-959.68C758.38,-945.66 731.43,-917.51 720.5,-887 715.31,-872.51 722.26,-621.91 712.5,-610 706.12,-602.21 696.57,-597.98 686.75,-595.79"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="686.9,-593.69 680.62,-594.68 686.15,-597.82 686.9,-593.69"/>
+</g>
+<!-- src/Utils/HashTagRegex.tsx -->
+<g id="node37" class="node">
+<title>src/Utils/HashTagRegex.tsx</title>
+<g id="a_node37"><a xlink:href="src/Utils/HashTagRegex.tsx" xlink:title="HashTagRegex.tsx">
+<path fill="#bbfeff" stroke="black" d="M828,-132C828,-132 742,-132 742,-132 739,-132 736,-129 736,-126 736,-126 736,-120 736,-120 736,-117 739,-114 742,-114 742,-114 828,-114 828,-114 831,-114 834,-117 834,-120 834,-120 834,-126 834,-126 834,-129 831,-132 828,-132"/>
+<text text-anchor="start" x="744" y="-120.8" font-family="Helvetica,sans-Serif" font-size="9.00">HashTagRegex.tsx</text>
+</a>
+</g>
+</g>
+<!-- src/Components/Map/hooks/useTags.tsx&#45;&gt;src/Utils/HashTagRegex.tsx -->
+<g id="edge65" class="edge">
+<title>src/Components/Map/hooks/useTags.tsx&#45;&gt;src/Utils/HashTagRegex.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M680.67,-595.36C692.53,-593.67 704.84,-589.45 712.5,-580 727.96,-560.92 705.09,-157.12 720.5,-138 723.22,-134.62 726.55,-131.92 730.24,-129.77"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="731.43,-131.52 735.89,-126.99 729.58,-127.75 731.43,-131.52"/>
 </g>
 <!-- src/Components/Input/index.tsx -->
 <g id="node19" class="node">
 <title>src/Components/Input/index.tsx</title>
 <g id="a_node19"><a xlink:href="src/Components/Input/index.tsx" xlink:title="index.tsx">
-<path fill="#bbfeff" stroke="black" d="M664.5,-344.71C664.5,-344.71 618.5,-344.71 618.5,-344.71 615.5,-344.71 612.5,-341.71 612.5,-338.71 612.5,-338.71 612.5,-332.71 612.5,-332.71 612.5,-329.71 615.5,-326.71 618.5,-326.71 618.5,-326.71 664.5,-326.71 664.5,-326.71 667.5,-326.71 670.5,-329.71 670.5,-332.71 670.5,-332.71 670.5,-338.71 670.5,-338.71 670.5,-341.71 667.5,-344.71 664.5,-344.71"/>
-<text text-anchor="start" x="620.5" y="-333.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M669.5,-978C669.5,-978 623.5,-978 623.5,-978 620.5,-978 617.5,-975 617.5,-972 617.5,-972 617.5,-966 617.5,-966 617.5,-963 620.5,-960 623.5,-960 623.5,-960 669.5,-960 669.5,-960 672.5,-960 675.5,-963 675.5,-966 675.5,-966 675.5,-972 675.5,-972 675.5,-975 672.5,-978 669.5,-978"/>
+<text text-anchor="start" x="625.5" y="-966.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Input/index.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
-<g id="edge18" class="edge">
+<g id="edge19" class="edge">
 <title>src/Components/Input/index.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M670.78,-329.5C689.63,-325.36 714.75,-319.84 736.04,-315.16"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.53,-317.2 741.94,-313.86 735.63,-313.1 736.53,-317.2"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M675.78,-975.22C694.63,-979.36 719.75,-984.88 741.04,-989.56"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.63,-991.62 746.94,-990.85 741.53,-987.52 740.63,-991.62"/>
 </g>
 <!-- src/Components/Input/index.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx -->
-<g id="edge17" class="edge">
+<g id="edge18" class="edge">
 <title>src/Components/Input/index.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M670.78,-335.71C686.64,-335.71 706.94,-335.71 725.66,-335.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="725.94,-337.81 731.94,-335.71 725.94,-333.61 725.94,-337.81"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M675.78,-969C691.64,-969 711.94,-969 730.66,-969"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="730.94,-971.1 736.94,-969 730.94,-966.9 730.94,-971.1"/>
 </g>
 <!-- src/Components/Map/ItemForm.tsx -->
 <g id="node20" class="node">
 <title>src/Components/Map/ItemForm.tsx</title>
 <g id="a_node20"><a xlink:href="src/Components/Map/ItemForm.tsx" xlink:title="ItemForm.tsx">
-<path fill="#bbfeff" stroke="black" d="M267.5,-492.71C267.5,-492.71 202.5,-492.71 202.5,-492.71 199.5,-492.71 196.5,-489.71 196.5,-486.71 196.5,-486.71 196.5,-480.71 196.5,-480.71 196.5,-477.71 199.5,-474.71 202.5,-474.71 202.5,-474.71 267.5,-474.71 267.5,-474.71 270.5,-474.71 273.5,-477.71 273.5,-480.71 273.5,-480.71 273.5,-486.71 273.5,-486.71 273.5,-489.71 270.5,-492.71 267.5,-492.71"/>
-<text text-anchor="start" x="204.5" y="-481.51" font-family="Helvetica,sans-Serif" font-size="9.00">ItemForm.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M270,-230C270,-230 205,-230 205,-230 202,-230 199,-227 199,-224 199,-224 199,-218 199,-218 199,-215 202,-212 205,-212 205,-212 270,-212 270,-212 273,-212 276,-215 276,-218 276,-218 276,-224 276,-224 276,-227 273,-230 270,-230"/>
+<text text-anchor="start" x="207" y="-218.8" font-family="Helvetica,sans-Serif" font-size="9.00">ItemForm.tsx</text>
 </a>
 </g>
 </g>
@@ -378,8 +397,8 @@
 <g id="node21" class="node">
 <title>src/Components/Map/ItemView.tsx</title>
 <g id="a_node21"><a xlink:href="src/Components/Map/ItemView.tsx" xlink:title="ItemView.tsx">
-<path fill="#bbfeff" stroke="black" d="M266,-522.71C266,-522.71 204,-522.71 204,-522.71 201,-522.71 198,-519.71 198,-516.71 198,-516.71 198,-510.71 198,-510.71 198,-507.71 201,-504.71 204,-504.71 204,-504.71 266,-504.71 266,-504.71 269,-504.71 272,-507.71 272,-510.71 272,-510.71 272,-516.71 272,-516.71 272,-519.71 269,-522.71 266,-522.71"/>
-<text text-anchor="start" x="206" y="-511.51" font-family="Helvetica,sans-Serif" font-size="9.00">ItemView.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M268.5,-260C268.5,-260 206.5,-260 206.5,-260 203.5,-260 200.5,-257 200.5,-254 200.5,-254 200.5,-248 200.5,-248 200.5,-245 203.5,-242 206.5,-242 206.5,-242 268.5,-242 268.5,-242 271.5,-242 274.5,-245 274.5,-248 274.5,-248 274.5,-254 274.5,-254 274.5,-257 271.5,-260 268.5,-260"/>
+<text text-anchor="start" x="208.5" y="-248.8" font-family="Helvetica,sans-Serif" font-size="9.00">ItemView.tsx</text>
 </a>
 </g>
 </g>
@@ -387,685 +406,757 @@
 <g id="node22" class="node">
 <title>src/Components/Map/Layer.tsx</title>
 <g id="a_node22"><a xlink:href="src/Components/Map/Layer.tsx" xlink:title="Layer.tsx">
-<path fill="#bbfeff" stroke="black" d="M257.5,-612.71C257.5,-612.71 212.5,-612.71 212.5,-612.71 209.5,-612.71 206.5,-609.71 206.5,-606.71 206.5,-606.71 206.5,-600.71 206.5,-600.71 206.5,-597.71 209.5,-594.71 212.5,-594.71 212.5,-594.71 257.5,-594.71 257.5,-594.71 260.5,-594.71 263.5,-597.71 263.5,-600.71 263.5,-600.71 263.5,-606.71 263.5,-606.71 263.5,-609.71 260.5,-612.71 257.5,-612.71"/>
-<text text-anchor="start" x="214.5" y="-601.51" font-family="Helvetica,sans-Serif" font-size="9.00">Layer.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M260,-351C260,-351 215,-351 215,-351 212,-351 209,-348 209,-345 209,-345 209,-339 209,-339 209,-336 212,-333 215,-333 215,-333 260,-333 260,-333 263,-333 266,-336 266,-339 266,-339 266,-345 266,-345 266,-348 263,-351 260,-351"/>
+<text text-anchor="start" x="217" y="-339.8" font-family="Helvetica,sans-Serif" font-size="9.00">Layer.tsx</text>
 </a>
 </g>
 </g>
+<!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
+<g id="edge24" class="edge">
+<title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M237.95,-351.07C236.64,-381.36 236.73,-480.01 289,-531 333.68,-574.59 523.47,-589.06 606.42,-593.36"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="606.35,-595.46 612.45,-593.67 606.56,-591.27 606.35,-595.46"/>
+</g>
 <!-- src/Utils/MarkerIconFactory.ts -->
 <g id="node23" class="node">
 <title>src/Utils/MarkerIconFactory.ts</title>
 <g id="a_node23"><a xlink:href="src/Utils/MarkerIconFactory.ts" xlink:title="MarkerIconFactory.ts">
-<path fill="#ddfeff" stroke="black" d="M829,-1290.71C829,-1290.71 731,-1290.71 731,-1290.71 728,-1290.71 725,-1287.71 725,-1284.71 725,-1284.71 725,-1278.71 725,-1278.71 725,-1275.71 728,-1272.71 731,-1272.71 731,-1272.71 829,-1272.71 829,-1272.71 832,-1272.71 835,-1275.71 835,-1278.71 835,-1278.71 835,-1284.71 835,-1284.71 835,-1287.71 832,-1290.71 829,-1290.71"/>
-<text text-anchor="start" x="733" y="-1279.51" font-family="Helvetica,sans-Serif" font-size="9.00">MarkerIconFactory.ts</text>
+<path fill="#ddfeff" stroke="black" d="M834,-162C834,-162 736,-162 736,-162 733,-162 730,-159 730,-156 730,-156 730,-150 730,-150 730,-147 733,-144 736,-144 736,-144 834,-144 834,-144 837,-144 840,-147 840,-150 840,-150 840,-156 840,-156 840,-159 837,-162 834,-162"/>
+<text text-anchor="start" x="738" y="-150.8" font-family="Helvetica,sans-Serif" font-size="9.00">MarkerIconFactory.ts</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Layer.tsx&#45;&gt;src/Utils/MarkerIconFactory.ts -->
-<g id="edge19" class="edge">
+<g id="edge20" class="edge">
 <title>src/Components/Map/Layer.tsx&#45;&gt;src/Utils/MarkerIconFactory.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M237.53,-613.07C243.54,-650.08 265.57,-789.81 275.5,-905.71 277.47,-928.76 274.11,-1092.8 284,-1113.71 359.19,-1272.69 604.18,-1287.25 718.82,-1284.94"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="718.9,-1287.04 724.85,-1284.8 718.8,-1282.84 718.9,-1287.04"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M240.84,-351.14C248.37,-381.1 272.04,-479.22 280.5,-562 282.1,-577.61 280.42,-1113.86 289,-1127 322.26,-1177.96 354.04,-1171.04 413.5,-1184 429.89,-1187.57 552.57,-1195.8 564.5,-1184 578.31,-1170.35 566.31,-503.4 572.5,-485 605.83,-385.92 657.81,-385.09 712.5,-296 739.93,-251.33 765.8,-194.74 777.49,-168.13"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="779.54,-168.67 780.02,-162.33 775.69,-166.99 779.54,-168.67"/>
 </g>
 <!-- src/Components/Map/hooks/useFilter.tsx -->
 <g id="node24" class="node">
 <title>src/Components/Map/hooks/useFilter.tsx</title>
 <g id="a_node24"><a xlink:href="src/Components/Map/hooks/useFilter.tsx" xlink:title="useFilter.tsx">
-<path fill="#bbfeff" stroke="black" d="M670.5,-518.71C670.5,-518.71 612.5,-518.71 612.5,-518.71 609.5,-518.71 606.5,-515.71 606.5,-512.71 606.5,-512.71 606.5,-506.71 606.5,-506.71 606.5,-503.71 609.5,-500.71 612.5,-500.71 612.5,-500.71 670.5,-500.71 670.5,-500.71 673.5,-500.71 676.5,-503.71 676.5,-506.71 676.5,-506.71 676.5,-512.71 676.5,-512.71 676.5,-515.71 673.5,-518.71 670.5,-518.71"/>
-<text text-anchor="start" x="614.5" y="-507.51" font-family="Helvetica,sans-Serif" font-size="9.00">useFilter.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M675.5,-514C675.5,-514 617.5,-514 617.5,-514 614.5,-514 611.5,-511 611.5,-508 611.5,-508 611.5,-502 611.5,-502 611.5,-499 614.5,-496 617.5,-496 617.5,-496 675.5,-496 675.5,-496 678.5,-496 681.5,-499 681.5,-502 681.5,-502 681.5,-508 681.5,-508 681.5,-511 678.5,-514 675.5,-514"/>
+<text text-anchor="start" x="619.5" y="-502.8" font-family="Helvetica,sans-Serif" font-size="9.00">useFilter.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
-<g id="edge20" class="edge">
+<g id="edge21" class="edge">
 <title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M263.68,-597.19C268.12,-595.1 272.3,-592.34 275.5,-588.71 286.09,-576.71 273.01,-565.36 284,-553.71 323.71,-511.64 351.4,-524.99 408.5,-515.71 475.11,-504.89 553.86,-505.66 600.36,-507.49"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="600.34,-509.59 606.42,-507.74 600.51,-505.39 600.34,-509.59"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M243.92,-332.72C251.91,-320.05 268.21,-297.91 289,-289 318.22,-276.48 559.18,-293.16 564.5,-297 629.27,-343.72 642.25,-450.01 644.85,-489.69"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="642.76,-490.01 645.2,-495.88 646.96,-489.77 642.76,-490.01"/>
 </g>
 <!-- src/Components/Map/hooks/useItems.tsx -->
 <g id="node25" class="node">
 <title>src/Components/Map/hooks/useItems.tsx</title>
 <g id="a_node25"><a xlink:href="src/Components/Map/hooks/useItems.tsx" xlink:title="useItems.tsx">
-<path fill="#bbfeff" stroke="black" d="M672.5,-488.71C672.5,-488.71 610.5,-488.71 610.5,-488.71 607.5,-488.71 604.5,-485.71 604.5,-482.71 604.5,-482.71 604.5,-476.71 604.5,-476.71 604.5,-473.71 607.5,-470.71 610.5,-470.71 610.5,-470.71 672.5,-470.71 672.5,-470.71 675.5,-470.71 678.5,-473.71 678.5,-476.71 678.5,-476.71 678.5,-482.71 678.5,-482.71 678.5,-485.71 675.5,-488.71 672.5,-488.71"/>
-<text text-anchor="start" x="612.5" y="-477.51" font-family="Helvetica,sans-Serif" font-size="9.00">useItems.tsx</text>
+<path fill="#bbfeff" stroke="black" d="M677.5,-574C677.5,-574 615.5,-574 615.5,-574 612.5,-574 609.5,-571 609.5,-568 609.5,-568 609.5,-562 609.5,-562 609.5,-559 612.5,-556 615.5,-556 615.5,-556 677.5,-556 677.5,-556 680.5,-556 683.5,-559 683.5,-562 683.5,-562 683.5,-568 683.5,-568 683.5,-571 680.5,-574 677.5,-574"/>
+<text text-anchor="start" x="617.5" y="-562.8" font-family="Helvetica,sans-Serif" font-size="9.00">useItems.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
-<g id="edge21" class="edge">
+<g id="edge22" class="edge">
 <title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M263.67,-597.7C268.22,-595.56 272.44,-592.65 275.5,-588.71 285.79,-575.47 272.03,-525.47 284,-513.71 327.49,-470.99 513.52,-473.77 598.21,-477.41"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="598.29,-479.52 604.38,-477.68 598.48,-475.32 598.29,-479.52"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M241.24,-332.97C246.94,-315.98 261.85,-279.66 289,-265 396.74,-206.82 476.71,-179.64 564.5,-265 587.21,-287.08 552.14,-525.73 572.5,-550 580.08,-559.03 591.51,-563.53 603.09,-565.59"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="602.91,-567.68 609.14,-566.45 603.5,-563.52 602.91,-567.68"/>
+</g>
+<!-- src/Components/Map/hooks/useLeafletRefs.tsx -->
+<g id="node26" class="node">
+<title>src/Components/Map/hooks/useLeafletRefs.tsx</title>
+<g id="a_node26"><a xlink:href="src/Components/Map/hooks/useLeafletRefs.tsx" xlink:title="useLeafletRefs.tsx">
+<path fill="#bbfeff" stroke="black" d="M689.5,-634C689.5,-634 603.5,-634 603.5,-634 600.5,-634 597.5,-631 597.5,-628 597.5,-628 597.5,-622 597.5,-622 597.5,-619 600.5,-616 603.5,-616 603.5,-616 689.5,-616 689.5,-616 692.5,-616 695.5,-619 695.5,-622 695.5,-622 695.5,-628 695.5,-628 695.5,-631 692.5,-634 689.5,-634"/>
+<text text-anchor="start" x="605.5" y="-622.8" font-family="Helvetica,sans-Serif" font-size="9.00">useLeafletRefs.tsx</text>
+</a>
+</g>
+</g>
+<!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useLeafletRefs.tsx -->
+<g id="edge23" class="edge">
+<title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/hooks/useLeafletRefs.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M243.92,-332.72C251.91,-320.05 268.21,-297.91 289,-289 319.03,-276.13 560.29,-292.69 564.5,-297 576.65,-309.45 561.34,-596.66 572.5,-610 577.43,-615.89 584,-619.86 591.18,-622.47"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="590.99,-624.61 597.34,-624.37 592.22,-620.59 590.99,-624.61"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx -->
-<g id="node26" class="node">
+<g id="node27" class="node">
 <title>src/Components/Map/Subcomponents/ItemFormPopup.tsx</title>
-<g id="a_node26"><a xlink:href="src/Components/Map/Subcomponents/ItemFormPopup.tsx" xlink:title="ItemFormPopup.tsx">
-<path fill="#bbfeff" stroke="black" d="M391,-582.71C391,-582.71 298,-582.71 298,-582.71 295,-582.71 292,-579.71 292,-576.71 292,-576.71 292,-570.71 292,-570.71 292,-567.71 295,-564.71 298,-564.71 298,-564.71 391,-564.71 391,-564.71 394,-564.71 397,-567.71 397,-570.71 397,-570.71 397,-576.71 397,-576.71 397,-579.71 394,-582.71 391,-582.71"/>
-<text text-anchor="start" x="300" y="-571.51" font-family="Helvetica,sans-Serif" font-size="9.00">ItemFormPopup.tsx</text>
+<g id="a_node27"><a xlink:href="src/Components/Map/Subcomponents/ItemFormPopup.tsx" xlink:title="ItemFormPopup.tsx">
+<path fill="#bbfeff" stroke="black" d="M396,-502C396,-502 303,-502 303,-502 300,-502 297,-499 297,-496 297,-496 297,-490 297,-490 297,-487 300,-484 303,-484 303,-484 396,-484 396,-484 399,-484 402,-487 402,-490 402,-490 402,-496 402,-496 402,-499 399,-502 396,-502"/>
+<text text-anchor="start" x="305" y="-490.8" font-family="Helvetica,sans-Serif" font-size="9.00">ItemFormPopup.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemFormPopup.tsx -->
-<g id="edge22" class="edge">
+<g id="edge25" class="edge">
 <title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemFormPopup.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M263.59,-594.8C270.25,-592.73 277.36,-590.59 284,-588.71 289.27,-587.23 294.82,-585.73 300.33,-584.29"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="301,-586.29 306.28,-582.76 299.94,-582.23 301,-586.29"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M239.08,-351.21C241.12,-375.75 250.19,-443.19 289,-478 290.03,-478.92 291.11,-479.79 292.23,-480.61"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="291.19,-482.44 297.39,-483.87 293.44,-478.89 291.19,-482.44"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemViewPopup.tsx -->
-<g id="node27" class="node">
+<g id="node28" class="node">
 <title>src/Components/Map/Subcomponents/ItemViewPopup.tsx</title>
-<g id="a_node27"><a xlink:href="src/Components/Map/Subcomponents/ItemViewPopup.tsx" xlink:title="ItemViewPopup.tsx">
-<path fill="#bbfeff" stroke="black" d="M390.5,-680.71C390.5,-680.71 298.5,-680.71 298.5,-680.71 295.5,-680.71 292.5,-677.71 292.5,-674.71 292.5,-674.71 292.5,-668.71 292.5,-668.71 292.5,-665.71 295.5,-662.71 298.5,-662.71 298.5,-662.71 390.5,-662.71 390.5,-662.71 393.5,-662.71 396.5,-665.71 396.5,-668.71 396.5,-668.71 396.5,-674.71 396.5,-674.71 396.5,-677.71 393.5,-680.71 390.5,-680.71"/>
-<text text-anchor="start" x="300.5" y="-669.51" font-family="Helvetica,sans-Serif" font-size="9.00">ItemViewPopup.tsx</text>
+<g id="a_node28"><a xlink:href="src/Components/Map/Subcomponents/ItemViewPopup.tsx" xlink:title="ItemViewPopup.tsx">
+<path fill="#bbfeff" stroke="black" d="M395.5,-351C395.5,-351 303.5,-351 303.5,-351 300.5,-351 297.5,-348 297.5,-345 297.5,-345 297.5,-339 297.5,-339 297.5,-336 300.5,-333 303.5,-333 303.5,-333 395.5,-333 395.5,-333 398.5,-333 401.5,-336 401.5,-339 401.5,-339 401.5,-345 401.5,-345 401.5,-348 398.5,-351 395.5,-351"/>
+<text text-anchor="start" x="305.5" y="-339.8" font-family="Helvetica,sans-Serif" font-size="9.00">ItemViewPopup.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemViewPopup.tsx -->
-<g id="edge23" class="edge">
+<g id="edge26" class="edge">
 <title>src/Components/Map/Layer.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemViewPopup.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M243.67,-612.75C252.53,-622.7 267.94,-638.63 284,-648.71 291.17,-653.22 299.37,-657.09 307.34,-660.3"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="307.02,-662.42 313.38,-662.62 308.53,-658.5 307.02,-662.42"/>
-</g>
-<!-- src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
-<g id="edge56" class="edge">
-<title>src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M678.72,-487.68C697.54,-491.81 720.55,-496.87 739.78,-501.1"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.58,-503.2 745.89,-502.44 740.48,-499.1 739.58,-503.2"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M266.26,-342C273.91,-342 282.51,-342 291.18,-342"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="291.18,-344.1 297.18,-342 291.18,-339.9 291.18,-344.1"/>
 </g>
 <!-- src/Components/Map/hooks/useLayers.tsx -->
-<g id="node30" class="node">
+<g id="node33" class="node">
 <title>src/Components/Map/hooks/useLayers.tsx</title>
-<g id="a_node30"><a xlink:href="src/Components/Map/hooks/useLayers.tsx" xlink:title="useLayers.tsx">
-<path fill="#bbfeff" stroke="black" d="M813,-488.71C813,-488.71 747,-488.71 747,-488.71 744,-488.71 741,-485.71 741,-482.71 741,-482.71 741,-476.71 741,-476.71 741,-473.71 744,-470.71 747,-470.71 747,-470.71 813,-470.71 813,-470.71 816,-470.71 819,-473.71 819,-476.71 819,-476.71 819,-482.71 819,-482.71 819,-485.71 816,-488.71 813,-488.71"/>
-<text text-anchor="start" x="749" y="-477.51" font-family="Helvetica,sans-Serif" font-size="9.00">useLayers.tsx</text>
+<g id="a_node33"><a xlink:href="src/Components/Map/hooks/useLayers.tsx" xlink:title="useLayers.tsx">
+<path fill="#bbfeff" stroke="black" d="M818,-664C818,-664 752,-664 752,-664 749,-664 746,-661 746,-658 746,-658 746,-652 746,-652 746,-649 749,-646 752,-646 752,-646 818,-646 818,-646 821,-646 824,-649 824,-652 824,-652 824,-658 824,-658 824,-661 821,-664 818,-664"/>
+<text text-anchor="start" x="754" y="-652.8" font-family="Helvetica,sans-Serif" font-size="9.00">useLayers.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx -->
-<g id="edge55" class="edge">
+<g id="edge63" class="edge">
 <title>src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M678.72,-479.71C695.89,-479.71 716.56,-479.71 734.67,-479.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="734.7,-481.81 740.7,-479.71 734.7,-477.61 734.7,-481.81"/>
-</g>
-<!-- src/Utils/HashTagRegex.tsx -->
-<g id="node34" class="node">
-<title>src/Utils/HashTagRegex.tsx</title>
-<g id="a_node34"><a xlink:href="src/Utils/HashTagRegex.tsx" xlink:title="HashTagRegex.tsx">
-<path fill="#bbfeff" stroke="black" d="M823,-1200.71C823,-1200.71 737,-1200.71 737,-1200.71 734,-1200.71 731,-1197.71 731,-1194.71 731,-1194.71 731,-1188.71 731,-1188.71 731,-1185.71 734,-1182.71 737,-1182.71 737,-1182.71 823,-1182.71 823,-1182.71 826,-1182.71 829,-1185.71 829,-1188.71 829,-1188.71 829,-1194.71 829,-1194.71 829,-1197.71 826,-1200.71 823,-1200.71"/>
-<text text-anchor="start" x="739" y="-1189.51" font-family="Helvetica,sans-Serif" font-size="9.00">HashTagRegex.tsx</text>
-</a>
-</g>
-</g>
-<!-- src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Utils/HashTagRegex.tsx -->
-<g id="edge54" class="edge">
-<title>src/Components/Map/hooks/useItems.tsx&#45;&gt;src/Utils/HashTagRegex.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M678.76,-479.82C689.64,-481.78 700.53,-486.05 707.5,-494.71 731.26,-524.23 691.81,-1147.14 715.5,-1176.71 718.21,-1180.1 721.53,-1182.81 725.22,-1184.97"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="724.55,-1186.98 730.86,-1187.75 726.41,-1183.21 724.55,-1186.98"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M683.64,-569.46C693.44,-571.68 703.75,-575.01 712.5,-580 739.18,-595.21 762.07,-623.48 774.36,-640.63"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="772.95,-642.28 778.11,-645.99 776.39,-639.87 772.95,-642.28"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
-<g id="edge32" class="edge">
+<g id="edge38" class="edge">
 <title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M346.39,-564.71C350.63,-523.66 370.21,-354.83 408.5,-321.71 456.29,-280.38 648.62,-293.03 735.73,-301.17"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="735.65,-303.27 741.82,-301.75 736.05,-299.09 735.65,-303.27"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.79,-502.3C403.12,-503.42 404.37,-504.64 405.5,-506 427.04,-531.79 394.11,-629.56 413.5,-657 457.65,-719.49 499.61,-699.73 572.5,-723 633.3,-742.42 671.85,-705.79 712.5,-755 728.72,-774.63 704.36,-964.31 720.5,-984 725.65,-990.28 732.9,-994.22 740.67,-996.64"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="740.35,-998.72 746.68,-998.2 741.4,-994.66 740.35,-998.72"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx -->
-<g id="edge31" class="edge">
+<g id="edge37" class="edge">
 <title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M348.89,-564.66C356.99,-543.79 379,-491.29 408.5,-454.71 466.52,-382.78 480.69,-352.42 567.5,-320.71 625.95,-299.37 645.61,-314.29 707.5,-320.71 717.22,-321.72 727.56,-323.48 737.27,-325.45"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.92,-327.52 743.22,-326.7 737.78,-323.41 736.92,-327.52"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.75,-502.33C403.1,-503.44 404.36,-504.66 405.5,-506 421.53,-524.83 399.57,-596.57 413.5,-617 457.62,-681.71 500.38,-662.44 572.5,-693 633.62,-718.89 673.09,-691.59 712.5,-745 731.27,-770.43 709.44,-857.39 720.5,-887 730.78,-914.51 753.74,-940.26 769.05,-955.32"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="767.76,-956.99 773.53,-959.64 770.67,-953.96 767.76,-956.99"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
-<g id="edge35" class="edge">
+<g id="edge41" class="edge">
 <title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M396.73,-564.36C398.08,-563.26 399.35,-562.05 400.5,-560.71 413.92,-545.19 393.55,-482.77 408.5,-468.71 420.6,-457.33 694.33,-454.59 707.5,-464.71 718.44,-473.12 705.6,-485.1 715.5,-494.71 722.1,-501.13 730.9,-504.98 739.84,-507.25"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.41,-509.31 745.72,-508.53 740.3,-505.2 739.41,-509.31"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.04,-502.2C402.63,-503.34 404.13,-504.6 405.5,-506 417.28,-518.01 401.47,-531.24 413.5,-543 462.38,-590.76 504.13,-539.99 564.5,-572 568.94,-574.36 568.07,-577.62 572.5,-580 582.78,-585.54 594.89,-589.04 606.26,-591.24"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="606.21,-593.37 612.49,-592.34 606.94,-589.23 606.21,-593.37"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
-<g id="edge33" class="edge">
+<g id="edge39" class="edge">
 <title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M395.33,-564.61C397.16,-563.45 398.9,-562.16 400.5,-560.71 408.54,-553.46 400.07,-544.5 408.5,-537.71 412.2,-534.73 534.87,-521.1 600.3,-514.02"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="600.71,-516.09 606.45,-513.36 600.26,-511.91 600.71,-516.09"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M397.78,-502.1C400.46,-503.25 403.06,-504.54 405.5,-506 410.1,-508.74 408.62,-512.81 413.5,-515 446.59,-529.86 547.79,-518.89 605,-511.06"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="605.41,-513.12 611.07,-510.22 604.84,-508.96 605.41,-513.12"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
-<g id="edge34" class="edge">
+<g id="edge40" class="edge">
 <title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M396.09,-564.55C397.66,-563.41 399.14,-562.13 400.5,-560.71 413.64,-546.99 394.92,-532 408.5,-518.71 458.71,-469.58 546.19,-468.87 598.18,-473.69"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="598.16,-475.79 604.34,-474.3 598.58,-471.62 598.16,-475.79"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.59,-502.08C401.67,-503.24 403.65,-504.54 405.5,-506 411.73,-510.93 407.15,-517.22 413.5,-522 442.79,-544.04 544.52,-556.28 603.09,-561.65"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="603.15,-563.77 609.31,-562.21 603.53,-559.58 603.15,-563.77"/>
 </g>
 <!-- src/types.ts -->
-<g id="node33" class="node">
+<g id="node36" class="node">
 <title>src/types.ts</title>
-<g id="a_node33"><a xlink:href="src/types.ts" xlink:title="types.ts">
-<path fill="#ddfeff" stroke="black" d="M501,-1162.71C501,-1162.71 459,-1162.71 459,-1162.71 456,-1162.71 453,-1159.71 453,-1156.71 453,-1156.71 453,-1150.71 453,-1150.71 453,-1147.71 456,-1144.71 459,-1144.71 459,-1144.71 501,-1144.71 501,-1144.71 504,-1144.71 507,-1147.71 507,-1150.71 507,-1150.71 507,-1156.71 507,-1156.71 507,-1159.71 504,-1162.71 501,-1162.71"/>
-<text text-anchor="start" x="461.5" y="-1151.51" font-family="Helvetica,sans-Serif" font-size="9.00">types.ts</text>
+<g id="a_node36"><a xlink:href="src/types.ts" xlink:title="types.ts">
+<path fill="#ddfeff" stroke="black" d="M506,-1176C506,-1176 464,-1176 464,-1176 461,-1176 458,-1173 458,-1170 458,-1170 458,-1164 458,-1164 458,-1161 461,-1158 464,-1158 464,-1158 506,-1158 506,-1158 509,-1158 512,-1161 512,-1164 512,-1164 512,-1170 512,-1170 512,-1173 509,-1176 506,-1176"/>
+<text text-anchor="start" x="466.5" y="-1164.8" font-family="Helvetica,sans-Serif" font-size="9.00">types.ts</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/types.ts -->
-<g id="edge28" class="edge">
+<g id="edge34" class="edge">
 <title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/types.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M394.63,-583C396.82,-584.63 398.8,-586.52 400.5,-588.71 418.92,-612.47 390.82,-1105.4 408.5,-1129.71 417.35,-1141.88 432.72,-1147.95 446.86,-1150.94"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="446.54,-1153.02 452.82,-1152.05 447.3,-1148.89 446.54,-1153.02"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.86,-502.25C403.17,-503.38 404.39,-504.62 405.5,-506 415.26,-518.15 408.68,-1052.18 413.5,-1067 424.84,-1101.9 452.98,-1135.24 470.08,-1153.23"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="468.91,-1155.03 474.59,-1157.88 471.93,-1152.11 468.91,-1155.03"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Utils/HashTagRegex.tsx -->
-<g id="edge29" class="edge">
+<g id="edge35" class="edge">
 <title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Utils/HashTagRegex.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M394.63,-583.01C396.82,-584.63 398.8,-586.52 400.5,-588.71 418.38,-611.76 388.9,-1092.11 408.5,-1113.71 431.19,-1138.72 526.4,-1124.02 559.5,-1130.71 630.35,-1145.03 645.63,-1158.18 715.5,-1176.71 721.25,-1178.24 727.31,-1179.77 733.31,-1181.24"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="732.96,-1183.31 739.28,-1182.69 733.95,-1179.23 732.96,-1183.31"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.08,-483.99C401.47,-482.3 403.65,-480.32 405.5,-478 418.07,-462.28 402.66,-313.96 413.5,-297 484.02,-186.62 645.07,-144.98 729.72,-130.32"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="730.12,-132.39 735.68,-129.31 729.41,-128.25 730.12,-132.39"/>
 </g>
 <!-- src/Utils/RandomColor.ts -->
-<g id="node35" class="node">
+<g id="node38" class="node">
 <title>src/Utils/RandomColor.ts</title>
-<g id="a_node35"><a xlink:href="src/Utils/RandomColor.ts" xlink:title="RandomColor.ts">
-<path fill="#ddfeff" stroke="black" d="M817.5,-1230.71C817.5,-1230.71 742.5,-1230.71 742.5,-1230.71 739.5,-1230.71 736.5,-1227.71 736.5,-1224.71 736.5,-1224.71 736.5,-1218.71 736.5,-1218.71 736.5,-1215.71 739.5,-1212.71 742.5,-1212.71 742.5,-1212.71 817.5,-1212.71 817.5,-1212.71 820.5,-1212.71 823.5,-1215.71 823.5,-1218.71 823.5,-1218.71 823.5,-1224.71 823.5,-1224.71 823.5,-1227.71 820.5,-1230.71 817.5,-1230.71"/>
-<text text-anchor="start" x="744.5" y="-1219.51" font-family="Helvetica,sans-Serif" font-size="9.00">RandomColor.ts</text>
+<g id="a_node38"><a xlink:href="src/Utils/RandomColor.ts" xlink:title="RandomColor.ts">
+<path fill="#ddfeff" stroke="black" d="M822.5,-72C822.5,-72 747.5,-72 747.5,-72 744.5,-72 741.5,-69 741.5,-66 741.5,-66 741.5,-60 741.5,-60 741.5,-57 744.5,-54 747.5,-54 747.5,-54 822.5,-54 822.5,-54 825.5,-54 828.5,-57 828.5,-60 828.5,-60 828.5,-66 828.5,-66 828.5,-69 825.5,-72 822.5,-72"/>
+<text text-anchor="start" x="749.5" y="-60.8" font-family="Helvetica,sans-Serif" font-size="9.00">RandomColor.ts</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Utils/RandomColor.ts -->
-<g id="edge30" class="edge">
+<g id="edge36" class="edge">
 <title>src/Components/Map/Subcomponents/ItemFormPopup.tsx&#45;&gt;src/Utils/RandomColor.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M394.63,-583C396.82,-584.63 398.8,-586.52 400.5,-588.71 410.72,-601.91 397.01,-1177.6 408.5,-1189.71 420.07,-1201.91 542.74,-1198.32 559.5,-1199.71 618.19,-1204.6 685.57,-1211.55 730.02,-1216.33"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="729.95,-1218.43 736.14,-1216.99 730.4,-1214.26 729.95,-1218.43"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.6,-483.69C401.79,-482.06 403.79,-480.18 405.5,-478 426.09,-451.77 393.55,-204.72 413.5,-178 489.09,-76.75 652.88,-62.14 734.99,-61.56"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="735.24,-63.66 741.24,-61.54 735.23,-59.46 735.24,-63.66"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx -->
-<g id="node36" class="node">
+<g id="node39" class="node">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx</title>
-<g id="a_node36"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx" xlink:title="HeaderView.tsx">
-<path fill="#bbfeff" stroke="black" d="M517,-680.71C517,-680.71 443,-680.71 443,-680.71 440,-680.71 437,-677.71 437,-674.71 437,-674.71 437,-668.71 437,-668.71 437,-665.71 440,-662.71 443,-662.71 443,-662.71 517,-662.71 517,-662.71 520,-662.71 523,-665.71 523,-668.71 523,-668.71 523,-674.71 523,-674.71 523,-677.71 520,-680.71 517,-680.71"/>
-<text text-anchor="start" x="445" y="-669.51" font-family="Helvetica,sans-Serif" font-size="9.00">HeaderView.tsx</text>
+<g id="a_node39"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx" xlink:title="HeaderView.tsx">
+<path fill="#bbfeff" stroke="black" d="M522,-356C522,-356 448,-356 448,-356 445,-356 442,-353 442,-350 442,-350 442,-344 442,-344 442,-341 445,-338 448,-338 448,-338 522,-338 522,-338 525,-338 528,-341 528,-344 528,-344 528,-350 528,-350 528,-353 525,-356 522,-356"/>
+<text text-anchor="start" x="450" y="-344.8" font-family="Helvetica,sans-Serif" font-size="9.00">HeaderView.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx -->
-<g id="edge44" class="edge">
+<g id="edge51" class="edge">
 <title>src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M396.73,-671.71C407.9,-671.71 419.68,-671.71 430.73,-671.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="430.78,-673.81 436.78,-671.71 430.78,-669.61 430.78,-673.81"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.73,-343.92C412.9,-344.34 424.68,-344.78 435.73,-345.19"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="435.71,-347.29 441.78,-345.42 435.87,-343.1 435.71,-347.29"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx -->
-<g id="node41" class="node">
+<g id="node44" class="node">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx</title>
-<g id="a_node41"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx" xlink:title="TextView.tsx">
-<path fill="#bbfeff" stroke="black" d="M509.5,-710.71C509.5,-710.71 450.5,-710.71 450.5,-710.71 447.5,-710.71 444.5,-707.71 444.5,-704.71 444.5,-704.71 444.5,-698.71 444.5,-698.71 444.5,-695.71 447.5,-692.71 450.5,-692.71 450.5,-692.71 509.5,-692.71 509.5,-692.71 512.5,-692.71 515.5,-695.71 515.5,-698.71 515.5,-698.71 515.5,-704.71 515.5,-704.71 515.5,-707.71 512.5,-710.71 509.5,-710.71"/>
-<text text-anchor="start" x="452.5" y="-699.51" font-family="Helvetica,sans-Serif" font-size="9.00">TextView.tsx</text>
+<g id="a_node44"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx" xlink:title="TextView.tsx">
+<path fill="#bbfeff" stroke="black" d="M514.5,-326C514.5,-326 455.5,-326 455.5,-326 452.5,-326 449.5,-323 449.5,-320 449.5,-320 449.5,-314 449.5,-314 449.5,-311 452.5,-308 455.5,-308 455.5,-308 514.5,-308 514.5,-308 517.5,-308 520.5,-311 520.5,-314 520.5,-314 520.5,-320 520.5,-320 520.5,-323 517.5,-326 514.5,-326"/>
+<text text-anchor="start" x="457.5" y="-314.8" font-family="Helvetica,sans-Serif" font-size="9.00">TextView.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx -->
-<g id="edge45" class="edge">
+<g id="edge52" class="edge">
 <title>src/Components/Map/Subcomponents/ItemViewPopup.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M383.98,-680.74C389.53,-682.06 395.16,-683.42 400.5,-684.71 404.06,-685.58 404.93,-685.89 408.5,-686.71 418.09,-688.93 428.45,-691.2 438.19,-693.29"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="437.86,-695.36 444.16,-694.56 438.73,-691.26 437.86,-695.36"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M398.7,-332.97C413.34,-330.23 429.27,-327.25 443.36,-324.61"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="443.76,-326.67 449.27,-323.5 442.99,-322.54 443.76,-326.67"/>
 </g>
-<!-- src/Components/Map/Subcomponents/AddButton.tsx -->
-<g id="node28" class="node">
-<title>src/Components/Map/Subcomponents/AddButton.tsx</title>
-<g id="a_node28"><a xlink:href="src/Components/Map/Subcomponents/AddButton.tsx" xlink:title="AddButton.tsx">
-<path fill="#bbfeff" stroke="black" d="M379.5,-642.71C379.5,-642.71 309.5,-642.71 309.5,-642.71 306.5,-642.71 303.5,-639.71 303.5,-636.71 303.5,-636.71 303.5,-630.71 303.5,-630.71 303.5,-627.71 306.5,-624.71 309.5,-624.71 309.5,-624.71 379.5,-624.71 379.5,-624.71 382.5,-624.71 385.5,-627.71 385.5,-630.71 385.5,-630.71 385.5,-636.71 385.5,-636.71 385.5,-639.71 382.5,-642.71 379.5,-642.71"/>
-<text text-anchor="start" x="311.5" y="-631.51" font-family="Helvetica,sans-Serif" font-size="9.00">AddButton.tsx</text>
+<!-- src/Components/Map/Permissions.tsx -->
+<g id="node29" class="node">
+<title>src/Components/Map/Permissions.tsx</title>
+<g id="a_node29"><a xlink:href="src/Components/Map/Permissions.tsx" xlink:title="Permissions.tsx">
+<path fill="#bbfeff" stroke="black" d="M274.5,-586C274.5,-586 200.5,-586 200.5,-586 197.5,-586 194.5,-583 194.5,-580 194.5,-580 194.5,-574 194.5,-574 194.5,-571 197.5,-568 200.5,-568 200.5,-568 274.5,-568 274.5,-568 277.5,-568 280.5,-571 280.5,-574 280.5,-574 280.5,-580 280.5,-580 280.5,-583 277.5,-586 274.5,-586"/>
+<text text-anchor="start" x="202.5" y="-574.8" font-family="Helvetica,sans-Serif" font-size="9.00">Permissions.tsx</text>
 </a>
 </g>
 </g>
+<!-- src/Components/Map/Permissions.tsx&#45;&gt;src/Components/Auth/index.tsx -->
+<g id="edge27" class="edge">
+<title>src/Components/Map/Permissions.tsx&#45;&gt;src/Components/Auth/index.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M274.59,-586.21C276.84,-587.84 278.85,-589.75 280.5,-592 295.93,-613.08 271.97,-807.18 289,-827 328.35,-872.81 405.21,-873.24 449.79,-868.95"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="450.1,-871.03 455.85,-868.32 449.67,-866.85 450.1,-871.03"/>
+</g>
+<!-- src/Components/Map/hooks/usePermissions.tsx -->
+<g id="node30" class="node">
+<title>src/Components/Map/hooks/usePermissions.tsx</title>
+<g id="a_node30"><a xlink:href="src/Components/Map/hooks/usePermissions.tsx" xlink:title="usePermissions.tsx">
+<path fill="#bbfeff" stroke="black" d="M691,-664C691,-664 602,-664 602,-664 599,-664 596,-661 596,-658 596,-658 596,-652 596,-652 596,-649 599,-646 602,-646 602,-646 691,-646 691,-646 694,-646 697,-649 697,-652 697,-652 697,-658 697,-658 697,-661 694,-664 691,-664"/>
+<text text-anchor="start" x="604" y="-652.8" font-family="Helvetica,sans-Serif" font-size="9.00">usePermissions.tsx</text>
+</a>
+</g>
+</g>
+<!-- src/Components/Map/Permissions.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx -->
+<g id="edge28" class="edge">
+<title>src/Components/Map/Permissions.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M280.72,-582.34C343.39,-590.81 464.4,-609.25 564.5,-637 568.16,-638.01 568.85,-638.95 572.5,-640 578.19,-641.64 584.17,-643.17 590.17,-644.58"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="589.84,-646.66 596.16,-645.96 590.78,-642.57 589.84,-646.66"/>
+</g>
+<!-- src/Components/Map/hooks/usePermissions.tsx&#45;&gt;src/Components/Auth/index.tsx -->
+<g id="edge64" class="edge">
+<title>src/Components/Map/hooks/usePermissions.tsx&#45;&gt;src/Components/Auth/index.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M636.14,-664.18C619.99,-680.67 587.21,-717.13 572.5,-755 560.84,-785.01 583.22,-800.8 564.5,-827 553.97,-841.74 536.01,-850.79 519.93,-856.25"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="519.19,-854.29 514.11,-858.11 520.46,-858.29 519.19,-854.29"/>
+</g>
+<!-- src/Components/Map/Subcomponents/AddButton.tsx -->
+<g id="node31" class="node">
+<title>src/Components/Map/Subcomponents/AddButton.tsx</title>
+<g id="a_node31"><a xlink:href="src/Components/Map/Subcomponents/AddButton.tsx" xlink:title="AddButton.tsx">
+<path fill="#bbfeff" stroke="black" d="M384.5,-472C384.5,-472 314.5,-472 314.5,-472 311.5,-472 308.5,-469 308.5,-466 308.5,-466 308.5,-460 308.5,-460 308.5,-457 311.5,-454 314.5,-454 314.5,-454 384.5,-454 384.5,-454 387.5,-454 390.5,-457 390.5,-460 390.5,-460 390.5,-466 390.5,-466 390.5,-469 387.5,-472 384.5,-472"/>
+<text text-anchor="start" x="316.5" y="-460.8" font-family="Helvetica,sans-Serif" font-size="9.00">AddButton.tsx</text>
+</a>
+</g>
+</g>
+<!-- src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx -->
+<g id="edge31" class="edge">
+<title>src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M390.57,-468.05C396.21,-470.32 401.45,-473.52 405.5,-478 420,-494.05 399.92,-509.17 413.5,-526 458.84,-582.2 519.67,-529.39 564.5,-586 579.56,-605.02 555.83,-622.37 572.5,-640 577.27,-645.04 583.23,-648.62 589.69,-651.14"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="589.39,-653.26 595.75,-653.17 590.72,-649.27 589.39,-653.26"/>
+</g>
 <!-- src/Utils/DynamicHeroIcon.tsx -->
-<g id="node29" class="node">
+<g id="node32" class="node">
 <title>src/Utils/DynamicHeroIcon.tsx</title>
-<g id="a_node29"><a xlink:href="src/Utils/DynamicHeroIcon.tsx" xlink:title="DynamicHeroIcon.tsx">
-<path fill="#bbfeff" stroke="black" d="M830.5,-1260.71C830.5,-1260.71 729.5,-1260.71 729.5,-1260.71 726.5,-1260.71 723.5,-1257.71 723.5,-1254.71 723.5,-1254.71 723.5,-1248.71 723.5,-1248.71 723.5,-1245.71 726.5,-1242.71 729.5,-1242.71 729.5,-1242.71 830.5,-1242.71 830.5,-1242.71 833.5,-1242.71 836.5,-1245.71 836.5,-1248.71 836.5,-1248.71 836.5,-1254.71 836.5,-1254.71 836.5,-1257.71 833.5,-1260.71 830.5,-1260.71"/>
-<text text-anchor="start" x="731.5" y="-1249.51" font-family="Helvetica,sans-Serif" font-size="9.00">DynamicHeroIcon.tsx</text>
+<g id="a_node32"><a xlink:href="src/Utils/DynamicHeroIcon.tsx" xlink:title="DynamicHeroIcon.tsx">
+<path fill="#bbfeff" stroke="black" d="M835.5,-42C835.5,-42 734.5,-42 734.5,-42 731.5,-42 728.5,-39 728.5,-36 728.5,-36 728.5,-30 728.5,-30 728.5,-27 731.5,-24 734.5,-24 734.5,-24 835.5,-24 835.5,-24 838.5,-24 841.5,-27 841.5,-30 841.5,-30 841.5,-36 841.5,-36 841.5,-39 838.5,-42 835.5,-42"/>
+<text text-anchor="start" x="736.5" y="-30.8" font-family="Helvetica,sans-Serif" font-size="9.00">DynamicHeroIcon.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Utils/DynamicHeroIcon.tsx -->
-<g id="edge24" class="edge">
+<g id="edge29" class="edge">
 <title>src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Utils/DynamicHeroIcon.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M383.7,-642.85C390.32,-646.15 396.38,-650.63 400.5,-656.71 417.37,-681.66 388.6,-1176.11 408.5,-1198.71 448.04,-1243.64 622.51,-1251.35 717.25,-1252.15"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="717.36,-1254.25 723.38,-1252.19 717.39,-1250.05 717.36,-1254.25"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M390.57,-458.63C396.35,-456.29 401.64,-452.9 405.5,-448 424.07,-424.42 396.56,-202.77 413.5,-178 483.19,-76.11 636.14,-45.82 722.14,-36.81"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="722.45,-38.89 728.21,-36.2 722.03,-34.71 722.45,-38.89"/>
 </g>
 <!-- src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx -->
-<g id="edge25" class="edge">
+<g id="edge30" class="edge">
 <title>src/Components/Map/Subcomponents/AddButton.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.67,-628.75C391.3,-626.47 396.51,-623.25 400.5,-618.71 417.41,-599.52 393.09,-582.14 408.5,-561.71 452.72,-503.1 511.81,-550.54 559.5,-494.71 568.46,-484.22 556.56,-473.12 567.5,-464.71 622.42,-422.52 710.86,-450.45 753.88,-468.22"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="753.3,-470.25 759.64,-470.65 754.93,-466.38 753.3,-470.25"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M390.57,-467.71C396.28,-470.01 401.54,-473.31 405.5,-478 417.31,-491.99 404.22,-544.22 413.5,-560 457.05,-634.08 490.47,-644.39 572.5,-670 631.73,-688.49 704.66,-676.13 747.57,-665.52"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="748.12,-667.55 753.42,-664.04 747.09,-663.48 748.12,-667.55"/>
 </g>
 <!-- src/Components/Map/Subcomponents/FilterControl.tsx -->
-<g id="node31" class="node">
+<g id="node34" class="node">
 <title>src/Components/Map/Subcomponents/FilterControl.tsx</title>
-<g id="a_node31"><a xlink:href="src/Components/Map/Subcomponents/FilterControl.tsx" xlink:title="FilterControl.tsx">
-<path fill="#bbfeff" stroke="black" d="M382,-612.71C382,-612.71 307,-612.71 307,-612.71 304,-612.71 301,-609.71 301,-606.71 301,-606.71 301,-600.71 301,-600.71 301,-597.71 304,-594.71 307,-594.71 307,-594.71 382,-594.71 382,-594.71 385,-594.71 388,-597.71 388,-600.71 388,-600.71 388,-606.71 388,-606.71 388,-609.71 385,-612.71 382,-612.71"/>
-<text text-anchor="start" x="309" y="-601.51" font-family="Helvetica,sans-Serif" font-size="9.00">FilterControl.tsx</text>
+<g id="a_node34"><a xlink:href="src/Components/Map/Subcomponents/FilterControl.tsx" xlink:title="FilterControl.tsx">
+<path fill="#bbfeff" stroke="black" d="M387,-442C387,-442 312,-442 312,-442 309,-442 306,-439 306,-436 306,-436 306,-430 306,-430 306,-427 309,-424 312,-424 312,-424 387,-424 387,-424 390,-424 393,-427 393,-430 393,-430 393,-436 393,-436 393,-439 390,-442 387,-442"/>
+<text text-anchor="start" x="314" y="-430.8" font-family="Helvetica,sans-Serif" font-size="9.00">FilterControl.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/FilterControl.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
-<g id="edge26" class="edge">
+<g id="edge32" class="edge">
 <title>src/Components/Map/Subcomponents/FilterControl.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M388.23,-597.39C392.83,-595.24 397.07,-592.42 400.5,-588.71 413.4,-574.76 394.48,-559.54 408.5,-546.71 433.38,-523.96 528.56,-545.12 559.5,-531.71 563.83,-529.84 563.27,-526.81 567.5,-524.71 577.57,-519.71 589.22,-516.38 600.21,-514.16"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="600.72,-516.2 606.23,-513.03 599.95,-512.07 600.72,-516.2"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M393.13,-439.04C397.81,-441.23 402.1,-444.14 405.5,-448 422.41,-467.2 394.19,-488.22 413.5,-505 441.07,-528.97 546.04,-518.97 604.89,-511.11"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="605.47,-513.15 611.14,-510.26 604.91,-508.99 605.47,-513.15"/>
 </g>
 <!-- src/Components/Map/hooks/useWindowDimension.tsx -->
-<g id="node32" class="node">
+<g id="node35" class="node">
 <title>src/Components/Map/hooks/useWindowDimension.tsx</title>
-<g id="a_node32"><a xlink:href="src/Components/Map/hooks/useWindowDimension.tsx" xlink:title="useWindowDimension.tsx">
-<path fill="#bbfeff" stroke="black" d="M701.5,-548.71C701.5,-548.71 581.5,-548.71 581.5,-548.71 578.5,-548.71 575.5,-545.71 575.5,-542.71 575.5,-542.71 575.5,-536.71 575.5,-536.71 575.5,-533.71 578.5,-530.71 581.5,-530.71 581.5,-530.71 701.5,-530.71 701.5,-530.71 704.5,-530.71 707.5,-533.71 707.5,-536.71 707.5,-536.71 707.5,-542.71 707.5,-542.71 707.5,-545.71 704.5,-548.71 701.5,-548.71"/>
-<text text-anchor="start" x="583.5" y="-537.51" font-family="Helvetica,sans-Serif" font-size="9.00">useWindowDimension.tsx</text>
+<g id="a_node35"><a xlink:href="src/Components/Map/hooks/useWindowDimension.tsx" xlink:title="useWindowDimension.tsx">
+<path fill="#bbfeff" stroke="black" d="M706.5,-544C706.5,-544 586.5,-544 586.5,-544 583.5,-544 580.5,-541 580.5,-538 580.5,-538 580.5,-532 580.5,-532 580.5,-529 583.5,-526 586.5,-526 586.5,-526 706.5,-526 706.5,-526 709.5,-526 712.5,-529 712.5,-532 712.5,-532 712.5,-538 712.5,-538 712.5,-541 709.5,-544 706.5,-544"/>
+<text text-anchor="start" x="588.5" y="-532.8" font-family="Helvetica,sans-Serif" font-size="9.00">useWindowDimension.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/FilterControl.tsx&#45;&gt;src/Components/Map/hooks/useWindowDimension.tsx -->
-<g id="edge27" class="edge">
+<g id="edge33" class="edge">
 <title>src/Components/Map/Subcomponents/FilterControl.tsx&#45;&gt;src/Components/Map/hooks/useWindowDimension.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M388.15,-596.93C392.71,-594.86 396.96,-592.18 400.5,-588.71 409.45,-579.96 398.84,-569.67 408.5,-561.71 411.64,-559.13 502.2,-551.13 569.23,-545.52"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="569.42,-547.61 575.23,-545.02 569.08,-543.43 569.42,-547.61"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M393.22,-438.96C397.88,-441.17 402.14,-444.1 405.5,-448 425.35,-471.06 391.6,-494.87 413.5,-516 416.42,-518.82 507.31,-525.6 574.44,-530.25"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="574.32,-532.35 580.45,-530.66 574.61,-528.16 574.32,-532.35"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
-<g id="edge36" class="edge">
+<g id="edge42" class="edge">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M523.19,-673.41C536.71,-671.67 550.49,-667.08 559.5,-656.71 583.15,-629.51 544.04,-522.08 567.5,-494.71 575.17,-485.76 586.63,-481.29 598.21,-479.23"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="598.61,-481.29 604.26,-478.36 598.02,-477.13 598.61,-481.29"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M528.23,-345.27C541.75,-347 555.52,-351.6 564.5,-362 578.16,-377.82 558.95,-534.08 572.5,-550 580.14,-558.98 591.59,-563.46 603.17,-565.52"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="602.98,-567.61 609.22,-566.38 603.58,-563.46 602.98,-567.61"/>
+</g>
+<!-- src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx -->
+<g id="edge43" class="edge">
+<title>src/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M528.31,-345.2C541.84,-346.93 555.59,-351.54 564.5,-362 584.53,-385.53 552.63,-616.33 572.5,-640 577.18,-645.57 583.33,-649.42 590.07,-652.03"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="589.5,-654.06 595.86,-653.95 590.82,-650.07 589.5,-654.06"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx -->
-<g id="node37" class="node">
+<g id="node40" class="node">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx</title>
-<g id="a_node37"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx" xlink:title="PopupStartEndInput.tsx">
-<path fill="#bbfeff" stroke="black" d="M537.5,-590.71C537.5,-590.71 422.5,-590.71 422.5,-590.71 419.5,-590.71 416.5,-587.71 416.5,-584.71 416.5,-584.71 416.5,-578.71 416.5,-578.71 416.5,-575.71 419.5,-572.71 422.5,-572.71 422.5,-572.71 537.5,-572.71 537.5,-572.71 540.5,-572.71 543.5,-575.71 543.5,-578.71 543.5,-578.71 543.5,-584.71 543.5,-584.71 543.5,-587.71 540.5,-590.71 537.5,-590.71"/>
-<text text-anchor="start" x="424.5" y="-579.51" font-family="Helvetica,sans-Serif" font-size="9.00">PopupStartEndInput.tsx</text>
+<g id="a_node40"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx" xlink:title="PopupStartEndInput.tsx">
+<path fill="#bbfeff" stroke="black" d="M542.5,-416C542.5,-416 427.5,-416 427.5,-416 424.5,-416 421.5,-413 421.5,-410 421.5,-410 421.5,-404 421.5,-404 421.5,-401 424.5,-398 427.5,-398 427.5,-398 542.5,-398 542.5,-398 545.5,-398 548.5,-401 548.5,-404 548.5,-404 548.5,-410 548.5,-410 548.5,-413 545.5,-416 542.5,-416"/>
+<text text-anchor="start" x="429.5" y="-404.8" font-family="Helvetica,sans-Serif" font-size="9.00">PopupStartEndInput.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx&#45;&gt;src/Components/Input/index.tsx -->
-<g id="edge37" class="edge">
+<g id="edge44" class="edge">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx&#45;&gt;src/Components/Input/index.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M486.87,-572.67C510.9,-535.6 601.95,-395.16 631.31,-349.88"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="633.08,-351.02 634.58,-344.84 629.55,-348.74 633.08,-351.02"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M548.77,-410.52C554.78,-413.19 560.22,-416.9 564.5,-422 583.26,-444.34 554.92,-923.72 572.5,-947 581.57,-959.02 596.99,-964.7 611.33,-967.3"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="611.14,-969.4 617.39,-968.24 611.78,-965.25 611.14,-969.4"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx -->
-<g id="node38" class="node">
+<g id="node41" class="node">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx</title>
-<g id="a_node38"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx" xlink:title="PopupTextAreaInput.tsx">
-<path fill="#bbfeff" stroke="black" d="M536.5,-620.71C536.5,-620.71 423.5,-620.71 423.5,-620.71 420.5,-620.71 417.5,-617.71 417.5,-614.71 417.5,-614.71 417.5,-608.71 417.5,-608.71 417.5,-605.71 420.5,-602.71 423.5,-602.71 423.5,-602.71 536.5,-602.71 536.5,-602.71 539.5,-602.71 542.5,-605.71 542.5,-608.71 542.5,-608.71 542.5,-614.71 542.5,-614.71 542.5,-617.71 539.5,-620.71 536.5,-620.71"/>
-<text text-anchor="start" x="425.5" y="-609.51" font-family="Helvetica,sans-Serif" font-size="9.00">PopupTextAreaInput.tsx</text>
+<g id="a_node41"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx" xlink:title="PopupTextAreaInput.tsx">
+<path fill="#bbfeff" stroke="black" d="M541.5,-446C541.5,-446 428.5,-446 428.5,-446 425.5,-446 422.5,-443 422.5,-440 422.5,-440 422.5,-434 422.5,-434 422.5,-431 425.5,-428 428.5,-428 428.5,-428 541.5,-428 541.5,-428 544.5,-428 547.5,-431 547.5,-434 547.5,-434 547.5,-440 547.5,-440 547.5,-443 544.5,-446 541.5,-446"/>
+<text text-anchor="start" x="430.5" y="-434.8" font-family="Helvetica,sans-Serif" font-size="9.00">PopupTextAreaInput.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx&#45;&gt;src/Components/Input/index.tsx -->
-<g id="edge38" class="edge">
+<g id="edge45" class="edge">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx&#45;&gt;src/Components/Input/index.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M542.8,-608.34C549.14,-605.68 554.92,-601.93 559.5,-596.71 569.56,-585.25 563.06,-474.3 567.5,-459.71 580.76,-416.12 612.17,-371.71 629.15,-349.77"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="630.89,-350.95 632.94,-344.93 627.58,-348.36 630.89,-350.95"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M547.63,-440.03C554.09,-442.73 559.95,-446.58 564.5,-452 582.2,-473.05 555.92,-925.06 572.5,-947 581.58,-959.01 597,-964.69 611.34,-967.3"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="611.14,-969.39 617.39,-968.24 611.79,-965.24 611.14,-969.39"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.tsx -->
-<g id="node39" class="node">
+<g id="node42" class="node">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.tsx</title>
-<g id="a_node39"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.tsx" xlink:title="PopupTextInput.tsx">
-<path fill="#ccffcc" stroke="black" d="M526,-650.71C526,-650.71 434,-650.71 434,-650.71 431,-650.71 428,-647.71 428,-644.71 428,-644.71 428,-638.71 428,-638.71 428,-635.71 431,-632.71 434,-632.71 434,-632.71 526,-632.71 526,-632.71 529,-632.71 532,-635.71 532,-638.71 532,-638.71 532,-644.71 532,-644.71 532,-647.71 529,-650.71 526,-650.71"/>
-<text text-anchor="start" x="436" y="-639.51" font-family="Helvetica,sans-Serif" font-size="9.00">PopupTextInput.tsx</text>
+<g id="a_node42"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.tsx" xlink:title="PopupTextInput.tsx">
+<path fill="#ccffcc" stroke="black" d="M531,-386C531,-386 439,-386 439,-386 436,-386 433,-383 433,-380 433,-380 433,-374 433,-374 433,-371 436,-368 439,-368 439,-368 531,-368 531,-368 534,-368 537,-371 537,-374 537,-374 537,-380 537,-380 537,-383 534,-386 531,-386"/>
+<text text-anchor="start" x="441" y="-374.8" font-family="Helvetica,sans-Serif" font-size="9.00">PopupTextInput.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx -->
-<g id="node40" class="node">
+<g id="node43" class="node">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx</title>
-<g id="a_node40"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx" xlink:title="StartEndView.tsx">
-<path fill="#bbfeff" stroke="black" d="M521,-740.71C521,-740.71 439,-740.71 439,-740.71 436,-740.71 433,-737.71 433,-734.71 433,-734.71 433,-728.71 433,-728.71 433,-725.71 436,-722.71 439,-722.71 439,-722.71 521,-722.71 521,-722.71 524,-722.71 527,-725.71 527,-728.71 527,-728.71 527,-734.71 527,-734.71 527,-737.71 524,-740.71 521,-740.71"/>
-<text text-anchor="start" x="441" y="-729.51" font-family="Helvetica,sans-Serif" font-size="9.00">StartEndView.tsx</text>
+<g id="a_node43"><a xlink:href="src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx" xlink:title="StartEndView.tsx">
+<path fill="#bbfeff" stroke="black" d="M526,-476C526,-476 444,-476 444,-476 441,-476 438,-473 438,-470 438,-470 438,-464 438,-464 438,-461 441,-458 444,-458 444,-458 526,-458 526,-458 529,-458 532,-461 532,-464 532,-464 532,-470 532,-470 532,-473 529,-476 526,-476"/>
+<text text-anchor="start" x="446" y="-464.8" font-family="Helvetica,sans-Serif" font-size="9.00">StartEndView.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
-<g id="edge43" class="edge">
+<g id="edge50" class="edge">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.74,-698.79C529.81,-696.67 545.9,-693.01 559.5,-686.71 650.11,-644.75 735.67,-557.29 766.71,-523.48"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="768.4,-524.74 770.89,-518.89 765.3,-521.91 768.4,-524.74"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M520.57,-314.53C536.35,-315.39 553.86,-319.55 564.5,-332 582.41,-352.96 554.73,-558.92 572.5,-580 580.74,-589.78 593.5,-594.24 606.06,-596.04"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="605.99,-598.14 612.18,-596.72 606.45,-593.97 605.99,-598.14"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
-<g id="edge42" class="edge">
+<g id="edge49" class="edge">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.88,-704.09C531.54,-703.15 548.85,-698.97 559.5,-686.71 583.15,-659.51 544.04,-552.08 567.5,-524.71 575.61,-515.26 587.94,-510.79 600.17,-508.9"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="600.44,-510.98 606.14,-508.17 599.93,-506.82 600.44,-510.98"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M520.53,-316.8C535.38,-318.33 552.12,-322.38 564.5,-332 616.78,-372.65 636.78,-455.14 643.06,-489.47"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="641.04,-490.11 644.13,-495.67 645.17,-489.4 641.04,-490.11"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/HashTagRegex.tsx -->
-<g id="edge39" class="edge">
+<g id="edge46" class="edge">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/HashTagRegex.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.65,-699.95C531.06,-701.06 548.23,-705.22 559.5,-716.71 574.33,-731.85 560.39,-743.75 567.5,-763.71 609.83,-882.59 672.4,-889.51 707.5,-1010.71 712.64,-1028.45 703.7,-1162.51 715.5,-1176.71 718.22,-1179.99 721.52,-1182.63 725.16,-1184.75"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="724.4,-1186.71 730.71,-1187.49 726.26,-1182.95 724.4,-1186.71"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M520.89,-313.38C581.23,-306.77 699.88,-292.14 712.5,-278 733.25,-254.75 700.47,-161.87 720.5,-138 723.24,-134.73 726.54,-132.11 730.19,-129.99"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="731.29,-131.79 735.75,-127.26 729.44,-128.02 731.29,-131.79"/>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/RandomColor.ts -->
-<g id="edge40" class="edge">
+<g id="edge47" class="edge">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/RandomColor.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.9,-699.33C531.56,-700.26 548.87,-704.45 559.5,-716.71 572.17,-731.34 562.86,-871.92 567.5,-890.71 568.08,-893.07 713.62,-1205.19 715.5,-1206.71 719.89,-1210.28 724.98,-1213.03 730.34,-1215.14"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="729.88,-1217.2 736.23,-1217.19 731.25,-1213.23 729.88,-1217.2"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M494.33,-307.79C509.45,-291.19 542.63,-255.34 572.5,-227 632.17,-170.4 668.25,-175.32 712.5,-106 719.46,-95.09 711.14,-86.94 720.5,-78 724.8,-73.89 730.01,-70.84 735.57,-68.58"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.27,-70.56 741.23,-66.58 734.87,-66.6 736.27,-70.56"/>
 </g>
 <!-- src/Utils/ReplaceURLs.ts -->
-<g id="node42" class="node">
+<g id="node45" class="node">
 <title>src/Utils/ReplaceURLs.ts</title>
-<g id="a_node42"><a xlink:href="src/Utils/ReplaceURLs.ts" xlink:title="ReplaceURLs.ts">
-<path fill="#ddfeff" stroke="black" d="M817,-1170.71C817,-1170.71 743,-1170.71 743,-1170.71 740,-1170.71 737,-1167.71 737,-1164.71 737,-1164.71 737,-1158.71 737,-1158.71 737,-1155.71 740,-1152.71 743,-1152.71 743,-1152.71 817,-1152.71 817,-1152.71 820,-1152.71 823,-1155.71 823,-1158.71 823,-1158.71 823,-1164.71 823,-1164.71 823,-1167.71 820,-1170.71 817,-1170.71"/>
-<text text-anchor="start" x="745" y="-1159.51" font-family="Helvetica,sans-Serif" font-size="9.00">ReplaceURLs.ts</text>
+<g id="a_node45"><a xlink:href="src/Utils/ReplaceURLs.ts" xlink:title="ReplaceURLs.ts">
+<path fill="#ddfeff" stroke="black" d="M822,-102C822,-102 748,-102 748,-102 745,-102 742,-99 742,-96 742,-96 742,-90 742,-90 742,-87 745,-84 748,-84 748,-84 822,-84 822,-84 825,-84 828,-87 828,-90 828,-90 828,-96 828,-96 828,-99 825,-102 822,-102"/>
+<text text-anchor="start" x="750" y="-90.8" font-family="Helvetica,sans-Serif" font-size="9.00">ReplaceURLs.ts</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/ReplaceURLs.ts -->
-<g id="edge41" class="edge">
+<g id="edge48" class="edge">
 <title>src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx&#45;&gt;src/Utils/ReplaceURLs.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.84,-706.24C567.2,-714.94 662.06,-739.14 707.5,-802.71 748.24,-859.72 771.84,-1084.87 777.61,-1146.21"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="775.55,-1146.77 778.19,-1152.55 779.73,-1146.38 775.55,-1146.77"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M505.8,-307.95C523.25,-300.06 549.42,-288.43 572.5,-279 634.09,-253.83 672.86,-279.43 712.5,-226 728.16,-204.89 703.5,-128.05 720.5,-108 724.62,-103.14 730,-99.69 735.88,-97.27"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="736.92,-99.13 741.9,-95.17 735.54,-95.16 736.92,-99.13"/>
 </g>
 <!-- src/Components/Map/Tags.tsx -->
-<g id="node43" class="node">
+<g id="node46" class="node">
 <title>src/Components/Map/Tags.tsx</title>
-<g id="a_node43"><a xlink:href="src/Components/Map/Tags.tsx" xlink:title="Tags.tsx">
-<path fill="#bbfeff" stroke="black" d="M256,-552.71C256,-552.71 214,-552.71 214,-552.71 211,-552.71 208,-549.71 208,-546.71 208,-546.71 208,-540.71 208,-540.71 208,-537.71 211,-534.71 214,-534.71 214,-534.71 256,-534.71 256,-534.71 259,-534.71 262,-537.71 262,-540.71 262,-540.71 262,-546.71 262,-546.71 262,-549.71 259,-552.71 256,-552.71"/>
-<text text-anchor="start" x="216.5" y="-541.51" font-family="Helvetica,sans-Serif" font-size="9.00">Tags.tsx</text>
+<g id="a_node46"><a xlink:href="src/Components/Map/Tags.tsx" xlink:title="Tags.tsx">
+<path fill="#bbfeff" stroke="black" d="M258.5,-616C258.5,-616 216.5,-616 216.5,-616 213.5,-616 210.5,-613 210.5,-610 210.5,-610 210.5,-604 210.5,-604 210.5,-601 213.5,-598 216.5,-598 216.5,-598 258.5,-598 258.5,-598 261.5,-598 264.5,-601 264.5,-604 264.5,-604 264.5,-610 264.5,-610 264.5,-613 261.5,-616 258.5,-616"/>
+<text text-anchor="start" x="219" y="-604.8" font-family="Helvetica,sans-Serif" font-size="9.00">Tags.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/Tags.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
-<g id="edge46" class="edge">
+<g id="edge53" class="edge">
 <title>src/Components/Map/Tags.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M262.18,-538.53C267.34,-536.32 272.17,-533.19 275.5,-528.71 291.07,-507.81 264.91,-429.47 284,-411.71 301.23,-395.69 690.08,-395.9 707.5,-411.71 721.22,-424.17 703.32,-480.75 715.5,-494.71 721.73,-501.86 730.67,-505.93 739.89,-508.18"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.66,-510.28 745.96,-509.41 740.49,-506.16 739.66,-510.28"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M264.71,-606.58C320.08,-605.64 453.05,-603.12 564.5,-599 578.04,-598.5 592.85,-597.81 606.06,-597.14"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="606.52,-599.22 612.4,-596.82 606.3,-595.03 606.52,-599.22"/>
 </g>
 <!-- src/Components/Map/UtopiaMap.css -->
-<g id="node44" class="node">
+<g id="node47" class="node">
 <title>src/Components/Map/UtopiaMap.css</title>
-<g id="a_node44"><a xlink:href="src/Components/Map/UtopiaMap.css" xlink:title="UtopiaMap.css">
-<path fill="#ffffcc" stroke="black" d="M379.5,-818.71C379.5,-818.71 309.5,-818.71 309.5,-818.71 306.5,-818.71 303.5,-815.71 303.5,-812.71 303.5,-812.71 303.5,-806.71 303.5,-806.71 303.5,-803.71 306.5,-800.71 309.5,-800.71 309.5,-800.71 379.5,-800.71 379.5,-800.71 382.5,-800.71 385.5,-803.71 385.5,-806.71 385.5,-806.71 385.5,-812.71 385.5,-812.71 385.5,-815.71 382.5,-818.71 379.5,-818.71"/>
-<text text-anchor="start" x="311.5" y="-807.51" font-family="Helvetica,sans-Serif" font-size="9.00">UtopiaMap.css</text>
+<g id="a_node47"><a xlink:href="src/Components/Map/UtopiaMap.css" xlink:title="UtopiaMap.css">
+<path fill="#ffffcc" stroke="black" d="M384.5,-666C384.5,-666 314.5,-666 314.5,-666 311.5,-666 308.5,-663 308.5,-660 308.5,-660 308.5,-654 308.5,-654 308.5,-651 311.5,-648 314.5,-648 314.5,-648 384.5,-648 384.5,-648 387.5,-648 390.5,-651 390.5,-654 390.5,-654 390.5,-660 390.5,-660 390.5,-663 387.5,-666 384.5,-666"/>
+<text text-anchor="start" x="316.5" y="-654.8" font-family="Helvetica,sans-Serif" font-size="9.00">UtopiaMap.css</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/UtopiaMap.tsx -->
-<g id="node45" class="node">
+<g id="node48" class="node">
 <title>src/Components/Map/UtopiaMap.tsx</title>
-<g id="a_node45"><a xlink:href="src/Components/Map/UtopiaMap.tsx" xlink:title="UtopiaMap.tsx">
-<path fill="#bbfeff" stroke="black" d="M269.5,-582.71C269.5,-582.71 200.5,-582.71 200.5,-582.71 197.5,-582.71 194.5,-579.71 194.5,-576.71 194.5,-576.71 194.5,-570.71 194.5,-570.71 194.5,-567.71 197.5,-564.71 200.5,-564.71 200.5,-564.71 269.5,-564.71 269.5,-564.71 272.5,-564.71 275.5,-567.71 275.5,-570.71 275.5,-570.71 275.5,-576.71 275.5,-576.71 275.5,-579.71 272.5,-582.71 269.5,-582.71"/>
-<text text-anchor="start" x="202.5" y="-571.51" font-family="Helvetica,sans-Serif" font-size="9.00">UtopiaMap.tsx</text>
+<g id="a_node48"><a xlink:href="src/Components/Map/UtopiaMap.tsx" xlink:title="UtopiaMap.tsx">
+<path fill="#bbfeff" stroke="black" d="M272,-656C272,-656 203,-656 203,-656 200,-656 197,-653 197,-650 197,-650 197,-644 197,-644 197,-641 200,-638 203,-638 203,-638 272,-638 272,-638 275,-638 278,-641 278,-644 278,-644 278,-650 278,-650 278,-653 275,-656 272,-656"/>
+<text text-anchor="start" x="205" y="-644.8" font-family="Helvetica,sans-Serif" font-size="9.00">UtopiaMap.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx -->
-<g id="edge50" class="edge">
+<g id="edge59" class="edge">
 <title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useTags.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M269.55,-564.49C271.81,-562.87 273.85,-560.96 275.5,-558.71 293.59,-534.16 261.77,-442.6 284,-421.71 306.31,-400.75 529.07,-418.36 559.5,-421.71 626.49,-429.09 660.37,-406.54 707.5,-454.71 720.18,-467.67 702.9,-481.67 715.5,-494.71 721.96,-501.4 730.79,-505.34 739.83,-507.61"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="739.46,-509.68 745.77,-508.87 740.33,-505.57 739.46,-509.68"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M278.27,-641.92C356.18,-631.96 528.12,-610 605.9,-600.06"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="606.55,-602.09 612.23,-599.25 606.02,-597.93 606.55,-602.09"/>
 </g>
 <!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx -->
-<g id="edge47" class="edge">
+<g id="edge54" class="edge">
 <title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useFilter.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M269.07,-564.65C271.5,-563 273.7,-561.03 275.5,-558.71 286.04,-545.1 271.18,-493.2 284,-481.71 329.6,-440.87 506.06,-451.85 559.5,-481.71 565.42,-485.02 561.94,-490.82 567.5,-494.71 576.98,-501.35 588.74,-505.18 600.04,-507.36"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="599.99,-509.48 606.25,-508.4 600.69,-505.34 599.99,-509.48"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M252.42,-656.08C262.21,-661.9 275.85,-668.92 289,-672 339.42,-683.8 357.09,-690.37 405.5,-672 493.8,-638.49 501.02,-600.94 564.5,-531 568.56,-526.52 567.42,-523.27 572.5,-520 582.14,-513.79 593.85,-510.08 605.04,-507.89"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="605.64,-509.92 611.19,-506.82 604.92,-505.78 605.64,-509.92"/>
 </g>
 <!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx -->
-<g id="edge48" class="edge">
+<g id="edge55" class="edge">
 <title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useItems.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M269.53,-564.47C271.8,-562.85 273.84,-560.95 275.5,-558.71 291.32,-537.44 264.6,-457.78 284,-439.71 306.4,-418.85 534.97,-421.4 559.5,-439.71 569.53,-447.2 558.17,-458.37 567.5,-466.71 575.92,-474.24 587.15,-478.14 598.26,-480.01"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="598.18,-482.11 604.41,-480.84 598.75,-477.95 598.18,-482.11"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M247.56,-656.18C256.97,-665 272.59,-677.75 289,-683 318.19,-692.34 542.81,-690.65 564.5,-669 578.55,-654.97 559.27,-594.81 572.5,-580 580.35,-571.21 591.86,-566.77 603.43,-564.71"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="603.83,-566.77 609.47,-563.83 603.23,-562.62 603.83,-566.77"/>
+</g>
+<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useLeafletRefs.tsx -->
+<g id="edge57" class="edge">
+<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useLeafletRefs.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M244.33,-656.18C252.58,-668.2 268.92,-688.74 289,-697 317.31,-708.64 541.4,-717.08 564.5,-697 583.81,-680.22 554.99,-658.65 572.5,-640 577.62,-634.55 584.15,-630.79 591.19,-628.24"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="592.1,-630.16 597.21,-626.38 590.86,-626.15 592.1,-630.16"/>
+</g>
+<!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx -->
+<g id="edge58" class="edge">
+<title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/usePermissions.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M278.17,-642.7C281.83,-642.42 285.48,-642.17 289,-642 395.28,-636.75 519.48,-644.4 589.68,-650"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="589.73,-652.12 595.88,-650.51 590.07,-647.93 589.73,-652.12"/>
 </g>
 <!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/Subcomponents/AddButton.tsx -->
-<g id="edge51" class="edge">
+<g id="edge60" class="edge">
 <title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/Subcomponents/AddButton.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M268.29,-582.87C270.96,-584.51 273.42,-586.44 275.5,-588.71 284.86,-598.93 274.06,-609.06 284,-618.71 287.93,-622.53 292.68,-625.42 297.76,-627.6"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="297.03,-629.57 303.38,-629.69 298.5,-625.63 297.03,-629.57"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M262.69,-637.82C269.59,-634 276.36,-628.82 280.5,-622 297.16,-594.61 268.56,-502.69 289,-478 292.64,-473.6 297.37,-470.39 302.56,-468.05"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="303.49,-469.95 308.36,-465.85 302,-466.02 303.49,-469.95"/>
 </g>
 <!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx -->
-<g id="edge49" class="edge">
+<g id="edge56" class="edge">
 <title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/hooks/useLayers.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M269.56,-564.5C271.82,-562.88 273.85,-560.96 275.5,-558.71 285.43,-545.16 272.01,-419.49 284,-407.71 317.57,-374.72 664.71,-377.1 707.5,-396.71 738.18,-410.78 760.69,-445.24 771.61,-465.05"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="769.82,-466.15 774.5,-470.46 773.52,-464.17 769.82,-466.15"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M243.14,-656.34C250.61,-670.2 266.75,-695.65 289,-706 296.04,-709.27 546.99,-708.7 564.5,-707 631.22,-700.53 647.59,-694.74 712.5,-678 725.74,-674.59 740.13,-670.11 752.5,-666.02"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="753.38,-667.94 758.4,-664.04 752.04,-663.95 753.38,-667.94"/>
 </g>
 <!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/Subcomponents/FilterControl.tsx -->
-<g id="edge52" class="edge">
+<g id="edge61" class="edge">
 <title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/Subcomponents/FilterControl.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M264.09,-582.78C270.61,-584.81 277.53,-586.89 284,-588.71 289.27,-590.2 294.82,-591.7 300.33,-593.13"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="299.94,-595.2 306.28,-594.67 301,-591.14 299.94,-595.2"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M262.73,-637.85C269.64,-634.02 276.39,-628.84 280.5,-622 290.47,-605.41 276.73,-462.97 289,-448 292.09,-444.23 295.97,-441.33 300.26,-439.11"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="301.24,-440.98 305.89,-436.64 299.55,-437.13 301.24,-440.98"/>
 </g>
 <!-- src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/UtopiaMap.css -->
-<g id="edge53" class="edge">
+<g id="edge62" class="edge">
 <title>src/Components/Map/UtopiaMap.tsx&#45;&gt;src/Components/Map/UtopiaMap.css</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M269.6,-582.9C271.85,-584.53 273.87,-586.45 275.5,-588.71 288.96,-607.39 269.34,-777.97 284,-795.71 287.62,-800.1 292.34,-803.26 297.53,-805.52"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="296.96,-807.55 303.32,-807.64 298.4,-803.61 296.96,-807.55"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M278.21,-650.61C286.06,-651.32 294.36,-652.08 302.39,-652.81"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="302.31,-654.91 308.48,-653.36 302.69,-650.73 302.31,-654.91"/>
 </g>
 <!-- src/Components/Map/index.tsx -->
-<g id="node46" class="node">
+<g id="node49" class="node">
 <title>src/Components/Map/index.tsx</title>
-<g id="a_node46"><a xlink:href="src/Components/Map/index.tsx" xlink:title="index.tsx">
-<path fill="#bbfeff" stroke="black" d="M175,-597.71C175,-597.71 129,-597.71 129,-597.71 126,-597.71 123,-594.71 123,-591.71 123,-591.71 123,-585.71 123,-585.71 123,-582.71 126,-579.71 129,-579.71 129,-579.71 175,-579.71 175,-579.71 178,-579.71 181,-582.71 181,-585.71 181,-585.71 181,-591.71 181,-591.71 181,-594.71 178,-597.71 175,-597.71"/>
-<text text-anchor="start" x="131" y="-586.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
+<g id="a_node49"><a xlink:href="src/Components/Map/index.tsx" xlink:title="index.tsx">
+<path fill="#bbfeff" stroke="black" d="M175,-329C175,-329 129,-329 129,-329 126,-329 123,-326 123,-323 123,-323 123,-317 123,-317 123,-314 126,-311 129,-311 129,-311 175,-311 175,-311 178,-311 181,-314 181,-317 181,-317 181,-323 181,-323 181,-326 178,-329 175,-329"/>
+<text text-anchor="start" x="131" y="-317.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/ItemForm.tsx -->
-<g id="edge57" class="edge">
+<g id="edge66" class="edge">
 <title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/ItemForm.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M177.58,-579.65C179.04,-578.49 180.37,-577.18 181.5,-575.71 202.64,-548.19 172.47,-525.54 194.5,-498.71 195.08,-498.01 195.7,-497.33 196.35,-496.69"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="197.71,-498.29 201.07,-492.89 195.08,-495.02 197.71,-498.29"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M177.56,-310.92C179.03,-309.76 180.36,-308.46 181.5,-307 201.22,-281.7 173.72,-260.44 194.5,-236 195.1,-235.3 195.73,-234.63 196.39,-233.99"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="197.74,-235.6 201.15,-230.23 195.14,-232.31 197.74,-235.6"/>
 </g>
 <!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/ItemView.tsx -->
-<g id="edge58" class="edge">
+<g id="edge67" class="edge">
 <title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/ItemView.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M177.15,-579.71C178.75,-578.53 180.23,-577.2 181.5,-575.71 195.57,-559.23 179.9,-544.74 194.5,-528.71 195.15,-528 195.83,-527.32 196.55,-526.68"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="198.13,-528.12 201.69,-522.86 195.62,-524.75 198.13,-528.12"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M177.05,-310.91C178.68,-309.75 180.19,-308.45 181.5,-307 193.49,-293.77 182.36,-282.09 194.5,-269 196.49,-266.86 198.77,-264.96 201.22,-263.28"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="202.4,-265.02 206.46,-260.13 200.24,-261.42 202.4,-265.02"/>
 </g>
 <!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Layer.tsx -->
-<g id="edge59" class="edge">
+<g id="edge68" class="edge">
 <title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Layer.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.33,-593.96C187.42,-595.09 193.92,-596.29 200.19,-597.45"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="200.09,-599.57 206.37,-598.6 200.85,-595.44 200.09,-599.57"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.27,-327.45C188.22,-329.28 195.73,-331.26 202.9,-333.15"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="202.49,-335.21 208.83,-334.71 203.56,-331.15 202.49,-335.21"/>
+</g>
+<!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Permissions.tsx -->
+<g id="edge69" class="edge">
+<title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Permissions.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M155.97,-329.15C168.4,-367.4 216.28,-514.76 231.69,-562.2"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="229.71,-562.91 233.56,-567.96 233.71,-561.61 229.71,-562.91"/>
 </g>
 <!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx -->
-<g id="edge60" class="edge">
+<g id="edge70" class="edge">
 <title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M154.67,-597.8C161.97,-634.47 194.75,-772.18 284,-824.71 306.31,-837.85 381.88,-842.7 400.5,-824.71 418.74,-807.11 392.21,-616.13 408.5,-596.71 409.34,-595.71 410.24,-594.76 411.18,-593.86"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="412.84,-595.22 416.2,-589.83 410.21,-591.95 412.84,-595.22"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M174.44,-310.87C176.86,-309.64 179.26,-308.35 181.5,-307 187.75,-303.24 187.89,-300.08 194.5,-297 229.97,-280.45 253,-305.86 280.5,-278 293.57,-264.76 274.57,-248.75 289,-237 309.08,-220.66 386.73,-219.17 405.5,-237 418,-248.88 402.31,-378.88 413.5,-392 414.35,-393 415.25,-393.94 416.2,-394.83"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="415.25,-396.76 421.26,-398.84 417.86,-393.47 415.25,-396.76"/>
 </g>
 <!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx -->
-<g id="edge61" class="edge">
+<g id="edge71" class="edge">
 <title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M152.8,-598.06C152.62,-626.79 155.46,-715.31 194.5,-772.71 221.57,-812.52 238,-819.53 284,-833.71 333.48,-848.97 363.19,-869.61 400.5,-833.71 417.09,-817.76 393.67,-644.32 408.5,-626.71 409.71,-625.28 411.02,-623.96 412.41,-622.75"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="413.87,-624.28 417.45,-619.03 411.38,-620.9 413.87,-624.28"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.11,-314.93C240.03,-305.02 373.67,-286.49 405.5,-316 422.82,-332.06 397.95,-404.21 413.5,-422 414.7,-423.37 415.98,-424.63 417.35,-425.79"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="416.18,-427.54 422.27,-429.38 418.65,-424.15 416.18,-427.54"/>
 </g>
 <!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx -->
-<g id="edge62" class="edge">
+<g id="edge72" class="edge">
 <title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M153.37,-597.86C155.14,-637.34 163.97,-792.78 194.5,-828.71 254.45,-899.27 319.71,-904.94 400.5,-859.71 444.49,-835.09 466.81,-774.63 475.1,-746.53"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="477.13,-747.08 476.75,-740.73 473.09,-745.93 477.13,-747.08"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.22,-318.46C243.73,-315.34 389.63,-309.8 405.5,-325 425.92,-344.56 395.02,-430.59 413.5,-452 418.35,-457.62 424.75,-461.45 431.71,-464"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="431.31,-466.08 437.67,-465.86 432.56,-462.07 431.31,-466.08"/>
 </g>
 <!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx -->
-<g id="edge63" class="edge">
+<g id="edge73" class="edge">
 <title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M153.65,-597.9C156.42,-634.87 168.34,-772.36 194.5,-805.71 221.5,-840.14 241.25,-837.39 284,-846.71 334.59,-857.75 362.78,-882.18 400.5,-846.71 421.59,-826.89 389.6,-738.64 408.5,-716.71 415.94,-708.08 427.02,-703.69 438.2,-701.62"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="438.78,-703.65 444.4,-700.69 438.16,-699.5 438.78,-703.65"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M176.52,-310.84C178.3,-309.69 179.99,-308.41 181.5,-307 190.37,-298.72 184.73,-290.19 194.5,-283 225.87,-259.9 252.95,-293.55 280.5,-266 294.28,-252.22 273.95,-235.37 289,-223 329.01,-190.13 358.6,-201.06 405.5,-223 440.68,-239.46 465.63,-280.29 477.03,-302.33"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="475.19,-303.34 479.76,-307.76 478.94,-301.46 475.19,-303.34"/>
 </g>
 <!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Tags.tsx -->
-<g id="edge64" class="edge">
+<g id="edge74" class="edge">
 <title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/Tags.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M175.71,-579.63C177.75,-578.44 179.71,-577.14 181.5,-575.71 188.94,-569.79 186.87,-564.4 194.5,-558.71 196.87,-556.94 199.48,-555.36 202.19,-553.95"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="203.32,-555.74 207.85,-551.28 201.53,-551.94 203.32,-555.74"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M153.17,-329.18C154.16,-371.85 160.31,-550.54 194.5,-592 197.21,-595.29 200.71,-597.86 204.51,-599.87"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="203.93,-601.9 210.27,-602.42 205.63,-598.07 203.93,-601.9"/>
 </g>
 <!-- src/Components/Map/index.tsx&#45;&gt;src/Components/Map/UtopiaMap.tsx -->
-<g id="edge65" class="edge">
+<g id="edge75" class="edge">
 <title>src/Components/Map/index.tsx&#45;&gt;src/Components/Map/UtopiaMap.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M181.33,-583.47C183.56,-583.06 185.84,-582.63 188.15,-582.2"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="188.78,-584.22 194.29,-581.07 188.01,-580.1 188.78,-584.22"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M153.21,-329.12C154.38,-374.08 161.39,-572.04 194.5,-622 197.87,-627.09 202.67,-631.3 207.83,-634.71"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="206.84,-636.57 213.06,-637.87 209.01,-632.97 206.84,-636.57"/>
 </g>
 <!-- src/Components/Profile/Settings.tsx -->
-<g id="node47" class="node">
+<g id="node50" class="node">
 <title>src/Components/Profile/Settings.tsx</title>
-<g id="a_node47"><a xlink:href="src/Components/Profile/Settings.tsx" xlink:title="Settings.tsx">
-<path fill="#bbfeff" stroke="black" d="M509.5,-180.71C509.5,-180.71 450.5,-180.71 450.5,-180.71 447.5,-180.71 444.5,-177.71 444.5,-174.71 444.5,-174.71 444.5,-168.71 444.5,-168.71 444.5,-165.71 447.5,-162.71 450.5,-162.71 450.5,-162.71 509.5,-162.71 509.5,-162.71 512.5,-162.71 515.5,-165.71 515.5,-168.71 515.5,-168.71 515.5,-174.71 515.5,-174.71 515.5,-177.71 512.5,-180.71 509.5,-180.71"/>
-<text text-anchor="start" x="452.5" y="-169.51" font-family="Helvetica,sans-Serif" font-size="9.00">Settings.tsx</text>
+<g id="a_node50"><a xlink:href="src/Components/Profile/Settings.tsx" xlink:title="Settings.tsx">
+<path fill="#bbfeff" stroke="black" d="M379,-1098C379,-1098 320,-1098 320,-1098 317,-1098 314,-1095 314,-1092 314,-1092 314,-1086 314,-1086 314,-1083 317,-1080 320,-1080 320,-1080 379,-1080 379,-1080 382,-1080 385,-1083 385,-1086 385,-1086 385,-1092 385,-1092 385,-1095 382,-1098 379,-1098"/>
+<text text-anchor="start" x="322" y="-1086.8" font-family="Helvetica,sans-Serif" font-size="9.00">Settings.tsx</text>
 </a>
 </g>
 </g>
+<!-- src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Auth/index.tsx -->
+<g id="edge76" class="edge">
+<title>src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Auth/index.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.02,-1081.89C392.93,-1078.64 400.48,-1073.9 405.5,-1067 420.96,-1045.75 403.75,-973.41 413.5,-949 425.33,-919.38 451.56,-892.36 468.47,-877.07"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="469.88,-878.63 472.98,-873.08 467.1,-875.49 469.88,-878.63"/>
+</g>
 <!-- src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/TextInput.tsx -->
-<g id="edge67" class="edge">
+<g id="edge78" class="edge">
 <title>src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/TextInput.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.74,-166.89C562.86,-162.16 647.97,-160.21 707.5,-196.71 743.43,-218.75 764.92,-266.4 773.97,-290.74"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="771.99,-291.46 776,-296.4 775.95,-290.04 771.99,-291.46"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.36,-1090.32C428.04,-1091.23 502.32,-1090.5 564.5,-1078 637.73,-1063.28 719.37,-1028.77 759.3,-1010.62"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="760.29,-1012.47 764.88,-1008.06 758.55,-1008.65 760.29,-1012.47"/>
 </g>
 <!-- src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx -->
-<g id="edge66" class="edge">
+<g id="edge77" class="edge">
 <title>src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Input/TextAreaInput.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M515.67,-176.7C577.53,-185.76 701.09,-204.62 707.5,-211.71 723.78,-229.74 699.74,-302.23 715.5,-320.71 718.48,-324.21 722.11,-326.98 726.11,-329.15"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="725.44,-331.16 731.77,-331.77 727.21,-327.35 725.44,-331.16"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.11,-1092.3C428.18,-1095.26 503.49,-1096.66 564.5,-1078 641.91,-1054.32 645.54,-1014.56 720.5,-984 724.24,-982.48 728.16,-981.09 732.15,-979.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="732.88,-981.8 738.03,-978.06 731.68,-977.77 732.88,-981.8"/>
 </g>
 <!-- src/Components/Templates/TitleCard.tsx -->
-<g id="node48" class="node">
+<g id="node51" class="node">
 <title>src/Components/Templates/TitleCard.tsx</title>
-<g id="a_node48"><a xlink:href="src/Components/Templates/TitleCard.tsx" xlink:title="TitleCard.tsx">
-<path fill="#bbfeff" stroke="black" d="M672,-240.71C672,-240.71 611,-240.71 611,-240.71 608,-240.71 605,-237.71 605,-234.71 605,-234.71 605,-228.71 605,-228.71 605,-225.71 608,-222.71 611,-222.71 611,-222.71 672,-222.71 672,-222.71 675,-222.71 678,-225.71 678,-228.71 678,-228.71 678,-234.71 678,-234.71 678,-237.71 675,-240.71 672,-240.71"/>
-<text text-anchor="start" x="613" y="-229.51" font-family="Helvetica,sans-Serif" font-size="9.00">TitleCard.tsx</text>
+<g id="a_node51"><a xlink:href="src/Components/Templates/TitleCard.tsx" xlink:title="TitleCard.tsx">
+<path fill="#bbfeff" stroke="black" d="M677,-798C677,-798 616,-798 616,-798 613,-798 610,-795 610,-792 610,-792 610,-786 610,-786 610,-783 613,-780 616,-780 616,-780 677,-780 677,-780 680,-780 683,-783 683,-786 683,-786 683,-792 683,-792 683,-795 680,-798 677,-798"/>
+<text text-anchor="start" x="618" y="-786.8" font-family="Helvetica,sans-Serif" font-size="9.00">TitleCard.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx -->
-<g id="edge68" class="edge">
+<g id="edge79" class="edge">
 <title>src/Components/Profile/Settings.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M504.47,-180.74C521.86,-187.41 546.13,-196.69 567.5,-204.71 581.43,-209.95 596.89,-215.68 609.98,-220.5"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="609.45,-222.55 615.81,-222.65 610.91,-218.61 609.45,-222.55"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M385.21,-1085.58C445.61,-1079.6 563.74,-1067.81 564.5,-1067 582.55,-1047.66 558.63,-851.54 572.5,-829 580.58,-815.86 594.62,-806.72 608.24,-800.54"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="609.34,-802.35 614.03,-798.06 607.69,-798.49 609.34,-802.35"/>
 </g>
 <!-- src/Components/Typography/Subtitle.tsx -->
-<g id="node51" class="node">
+<g id="node54" class="node">
 <title>src/Components/Typography/Subtitle.tsx</title>
-<g id="a_node51"><a xlink:href="src/Components/Typography/Subtitle.tsx" xlink:title="Subtitle.tsx">
-<path fill="#bbfeff" stroke="black" d="M808,-120.71C808,-120.71 752,-120.71 752,-120.71 749,-120.71 746,-117.71 746,-114.71 746,-114.71 746,-108.71 746,-108.71 746,-105.71 749,-102.71 752,-102.71 752,-102.71 808,-102.71 808,-102.71 811,-102.71 814,-105.71 814,-108.71 814,-108.71 814,-114.71 814,-114.71 814,-117.71 811,-120.71 808,-120.71"/>
-<text text-anchor="start" x="754" y="-109.51" font-family="Helvetica,sans-Serif" font-size="9.00">Subtitle.tsx</text>
+<g id="a_node54"><a xlink:href="src/Components/Typography/Subtitle.tsx" xlink:title="Subtitle.tsx">
+<path fill="#bbfeff" stroke="black" d="M813,-828C813,-828 757,-828 757,-828 754,-828 751,-825 751,-822 751,-822 751,-816 751,-816 751,-813 754,-810 757,-810 757,-810 813,-810 813,-810 816,-810 819,-813 819,-816 819,-816 819,-822 819,-822 819,-825 816,-828 813,-828"/>
+<text text-anchor="start" x="759" y="-816.8" font-family="Helvetica,sans-Serif" font-size="9.00">Subtitle.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Templates/TitleCard.tsx&#45;&gt;src/Components/Typography/Subtitle.tsx -->
-<g id="edge71" class="edge">
+<g id="edge82" class="edge">
 <title>src/Components/Templates/TitleCard.tsx&#45;&gt;src/Components/Typography/Subtitle.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M652.76,-222.69C676.67,-201.67 736.19,-149.35 764.11,-124.81"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="765.5,-126.38 768.62,-120.84 762.73,-123.22 765.5,-126.38"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M683.01,-796.8C701.91,-800.96 725.2,-806.08 744.64,-810.35"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="744.24,-812.41 750.55,-811.65 745.14,-808.31 744.24,-812.41"/>
 </g>
 <!-- src/Components/Profile/index.tsx -->
-<g id="node49" class="node">
+<g id="node52" class="node">
 <title>src/Components/Profile/index.tsx</title>
-<g id="a_node49"><a xlink:href="src/Components/Profile/index.tsx" xlink:title="index.tsx">
-<path fill="#bbfeff" stroke="black" d="M367.5,-180.71C367.5,-180.71 321.5,-180.71 321.5,-180.71 318.5,-180.71 315.5,-177.71 315.5,-174.71 315.5,-174.71 315.5,-168.71 315.5,-168.71 315.5,-165.71 318.5,-162.71 321.5,-162.71 321.5,-162.71 367.5,-162.71 367.5,-162.71 370.5,-162.71 373.5,-165.71 373.5,-168.71 373.5,-168.71 373.5,-174.71 373.5,-174.71 373.5,-177.71 370.5,-180.71 367.5,-180.71"/>
-<text text-anchor="start" x="323.5" y="-169.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
+<g id="a_node52"><a xlink:href="src/Components/Profile/index.tsx" xlink:title="index.tsx">
+<path fill="#bbfeff" stroke="black" d="M260.5,-1098C260.5,-1098 214.5,-1098 214.5,-1098 211.5,-1098 208.5,-1095 208.5,-1092 208.5,-1092 208.5,-1086 208.5,-1086 208.5,-1083 211.5,-1080 214.5,-1080 214.5,-1080 260.5,-1080 260.5,-1080 263.5,-1080 266.5,-1083 266.5,-1086 266.5,-1086 266.5,-1092 266.5,-1092 266.5,-1095 263.5,-1098 260.5,-1098"/>
+<text text-anchor="start" x="216.5" y="-1086.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Profile/index.tsx&#45;&gt;src/Components/Profile/Settings.tsx -->
-<g id="edge69" class="edge">
+<g id="edge80" class="edge">
 <title>src/Components/Profile/index.tsx&#45;&gt;src/Components/Profile/Settings.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M373.81,-171.71C392.48,-171.71 417.24,-171.71 438.04,-171.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="438.08,-173.81 444.08,-171.71 438.08,-169.61 438.08,-173.81"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M266.54,-1089C279.02,-1089 293.95,-1089 307.63,-1089"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="307.82,-1091.1 313.82,-1089 307.82,-1086.9 307.82,-1091.1"/>
 </g>
 <!-- src/Components/Templates/CardPage.tsx -->
-<g id="node50" class="node">
+<g id="node53" class="node">
 <title>src/Components/Templates/CardPage.tsx</title>
-<g id="a_node50"><a xlink:href="src/Components/Templates/CardPage.tsx" xlink:title="CardPage.tsx">
-<path fill="#bbfeff" stroke="black" d="M512,-240.71C512,-240.71 448,-240.71 448,-240.71 445,-240.71 442,-237.71 442,-234.71 442,-234.71 442,-228.71 442,-228.71 442,-225.71 445,-222.71 448,-222.71 448,-222.71 512,-222.71 512,-222.71 515,-222.71 518,-225.71 518,-228.71 518,-228.71 518,-234.71 518,-234.71 518,-237.71 515,-240.71 512,-240.71"/>
-<text text-anchor="start" x="450" y="-229.51" font-family="Helvetica,sans-Serif" font-size="9.00">CardPage.tsx</text>
+<g id="a_node53"><a xlink:href="src/Components/Templates/CardPage.tsx" xlink:title="CardPage.tsx">
+<path fill="#bbfeff" stroke="black" d="M517,-784C517,-784 453,-784 453,-784 450,-784 447,-781 447,-778 447,-778 447,-772 447,-772 447,-769 450,-766 453,-766 453,-766 517,-766 517,-766 520,-766 523,-769 523,-772 523,-772 523,-778 523,-778 523,-781 520,-784 517,-784"/>
+<text text-anchor="start" x="455" y="-772.8" font-family="Helvetica,sans-Serif" font-size="9.00">CardPage.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Templates/CardPage.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx -->
-<g id="edge70" class="edge">
+<g id="edge81" class="edge">
 <title>src/Components/Templates/CardPage.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M518.4,-231.71C542.5,-231.71 573.88,-231.71 598.8,-231.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="598.98,-233.81 604.98,-231.71 598.98,-229.61 598.98,-233.81"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M523.4,-778.28C547.5,-780.4 578.88,-783.15 603.8,-785.34"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="603.82,-787.45 609.98,-785.88 604.19,-783.27 603.82,-787.45"/>
 </g>
 <!-- src/Components/Templates/index.tsx -->
-<g id="node52" class="node">
+<g id="node55" class="node">
 <title>src/Components/Templates/index.tsx</title>
-<g id="a_node52"><a xlink:href="src/Components/Templates/index.tsx" xlink:title="index.tsx">
-<path fill="#bbfeff" stroke="black" d="M367.5,-254.71C367.5,-254.71 321.5,-254.71 321.5,-254.71 318.5,-254.71 315.5,-251.71 315.5,-248.71 315.5,-248.71 315.5,-242.71 315.5,-242.71 315.5,-239.71 318.5,-236.71 321.5,-236.71 321.5,-236.71 367.5,-236.71 367.5,-236.71 370.5,-236.71 373.5,-239.71 373.5,-242.71 373.5,-242.71 373.5,-248.71 373.5,-248.71 373.5,-251.71 370.5,-254.71 367.5,-254.71"/>
-<text text-anchor="start" x="323.5" y="-243.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
+<g id="a_node55"><a xlink:href="src/Components/Templates/index.tsx" xlink:title="index.tsx">
+<path fill="#bbfeff" stroke="black" d="M372.5,-784C372.5,-784 326.5,-784 326.5,-784 323.5,-784 320.5,-781 320.5,-778 320.5,-778 320.5,-772 320.5,-772 320.5,-769 323.5,-766 326.5,-766 326.5,-766 372.5,-766 372.5,-766 375.5,-766 378.5,-769 378.5,-772 378.5,-772 378.5,-778 378.5,-778 378.5,-781 375.5,-784 372.5,-784"/>
+<text text-anchor="start" x="328.5" y="-772.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
 </a>
 </g>
 </g>
 <!-- src/Components/Templates/index.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx -->
-<g id="edge73" class="edge">
+<g id="edge84" class="edge">
 <title>src/Components/Templates/index.tsx&#45;&gt;src/Components/Templates/TitleCard.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M373.72,-246.26C384.59,-246.44 397.12,-246.62 408.5,-246.71 475.61,-247.25 492.67,-252.85 559.5,-246.71 572.35,-245.53 586.21,-243.32 598.76,-240.95"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="599.32,-242.98 604.81,-239.78 598.52,-238.86 599.32,-242.98"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M378.79,-783.22C389.55,-785.96 402,-788.65 413.5,-790 479.73,-797.78 557.33,-795.08 603.9,-792.2"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="604.12,-794.29 609.98,-791.81 603.85,-790.1 604.12,-794.29"/>
 </g>
 <!-- src/Components/Templates/index.tsx&#45;&gt;src/Components/Templates/CardPage.tsx -->
-<g id="edge72" class="edge">
+<g id="edge83" class="edge">
 <title>src/Components/Templates/index.tsx&#45;&gt;src/Components/Templates/CardPage.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M373.81,-242.75C391.71,-240.87 415.19,-238.41 435.43,-236.28"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="435.85,-238.35 441.6,-235.64 435.42,-234.17 435.85,-238.35"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M378.81,-775C396.71,-775 420.19,-775 440.43,-775"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="440.6,-777.1 446.6,-775 440.6,-772.9 440.6,-777.1"/>
 </g>
 <!-- src/SampleData/data.js -->
-<g id="node53" class="node">
+<g id="node56" class="node">
 <title>src/SampleData/data.js</title>
-<g id="a_node53"><a xlink:href="src/SampleData/data.js" xlink:title="data.js">
-<path fill="#ccffcc" stroke="black" d="M72,-991.71C72,-991.71 30,-991.71 30,-991.71 27,-991.71 24,-988.71 24,-985.71 24,-985.71 24,-979.71 24,-979.71 24,-976.71 27,-973.71 30,-973.71 30,-973.71 72,-973.71 72,-973.71 75,-973.71 78,-976.71 78,-979.71 78,-979.71 78,-985.71 78,-985.71 78,-988.71 75,-991.71 72,-991.71"/>
-<text text-anchor="start" x="35.5" y="-980.51" font-family="Helvetica,sans-Serif" font-size="9.00">data.js</text>
+<g id="a_node56"><a xlink:href="src/SampleData/data.js" xlink:title="data.js">
+<path fill="#ccffcc" stroke="black" d="M72,-1102C72,-1102 30,-1102 30,-1102 27,-1102 24,-1099 24,-1096 24,-1096 24,-1090 24,-1090 24,-1087 27,-1084 30,-1084 30,-1084 72,-1084 72,-1084 75,-1084 78,-1087 78,-1090 78,-1090 78,-1096 78,-1096 78,-1099 75,-1102 72,-1102"/>
+<text text-anchor="start" x="35.5" y="-1090.8" font-family="Helvetica,sans-Serif" font-size="9.00">data.js</text>
 </a>
 </g>
 </g>
 <!-- src/index.css -->
-<g id="node54" class="node">
+<g id="node57" class="node">
 <title>src/index.css</title>
-<g id="a_node54"><a xlink:href="src/index.css" xlink:title="index.css">
-<path fill="#ffffcc" stroke="black" d="M175.5,-1162.71C175.5,-1162.71 128.5,-1162.71 128.5,-1162.71 125.5,-1162.71 122.5,-1159.71 122.5,-1156.71 122.5,-1156.71 122.5,-1150.71 122.5,-1150.71 122.5,-1147.71 125.5,-1144.71 128.5,-1144.71 128.5,-1144.71 175.5,-1144.71 175.5,-1144.71 178.5,-1144.71 181.5,-1147.71 181.5,-1150.71 181.5,-1150.71 181.5,-1156.71 181.5,-1156.71 181.5,-1159.71 178.5,-1162.71 175.5,-1162.71"/>
-<text text-anchor="start" x="130.5" y="-1151.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.css</text>
+<g id="a_node57"><a xlink:href="src/index.css" xlink:title="index.css">
+<path fill="#ffffcc" stroke="black" d="M175.5,-1204C175.5,-1204 128.5,-1204 128.5,-1204 125.5,-1204 122.5,-1201 122.5,-1198 122.5,-1198 122.5,-1192 122.5,-1192 122.5,-1189 125.5,-1186 128.5,-1186 128.5,-1186 175.5,-1186 175.5,-1186 178.5,-1186 181.5,-1189 181.5,-1192 181.5,-1192 181.5,-1198 181.5,-1198 181.5,-1201 178.5,-1204 175.5,-1204"/>
+<text text-anchor="start" x="130.5" y="-1192.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.css</text>
 </a>
 </g>
 </g>
 <!-- src/index.tsx -->
-<g id="node55" class="node">
+<g id="node58" class="node">
 <title>src/index.tsx</title>
-<g id="a_node55"><a xlink:href="src/index.tsx" xlink:title="index.tsx">
-<path fill="#bbfeff" stroke="black" d="M74,-456.71C74,-456.71 28,-456.71 28,-456.71 25,-456.71 22,-453.71 22,-450.71 22,-450.71 22,-444.71 22,-444.71 22,-441.71 25,-438.71 28,-438.71 28,-438.71 74,-438.71 74,-438.71 77,-438.71 80,-441.71 80,-444.71 80,-444.71 80,-450.71 80,-450.71 80,-453.71 77,-456.71 74,-456.71"/>
-<text text-anchor="start" x="30" y="-445.51" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
+<g id="a_node58"><a xlink:href="src/index.tsx" xlink:title="index.tsx">
+<path fill="#bbfeff" stroke="black" d="M74,-955C74,-955 28,-955 28,-955 25,-955 22,-952 22,-949 22,-949 22,-943 22,-943 22,-940 25,-937 28,-937 28,-937 74,-937 74,-937 77,-937 80,-940 80,-943 80,-943 80,-949 80,-949 80,-952 77,-955 74,-955"/>
+<text text-anchor="start" x="30" y="-943.8" font-family="Helvetica,sans-Serif" font-size="9.00">index.tsx</text>
 </a>
 </g>
 </g>
-<!-- src/index.tsx&#45;&gt;src/Components/AppShell/index.tsx -->
-<g id="edge74" class="edge">
-<title>src/index.tsx&#45;&gt;src/Components/AppShell/index.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M52,-456.93C52.1,-520.59 54.93,-895.15 107,-993.71 112.17,-1003.51 121.13,-1011.76 129.62,-1017.97"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="128.68,-1019.88 134.8,-1021.57 131.07,-1016.43 128.68,-1019.88"/>
-</g>
 <!-- src/index.tsx&#45;&gt;src/Components/Auth/index.tsx -->
-<g id="edge75" class="edge">
+<g id="edge86" class="edge">
 <title>src/index.tsx&#45;&gt;src/Components/Auth/index.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M52.29,-438.54C53.69,-408.7 61.66,-312.8 107,-252.71 191.11,-141.24 369.87,-108.78 444.82,-99.87"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="445.16,-101.95 450.89,-99.18 444.69,-97.77 445.16,-101.95"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M51.93,-936.87C51.39,-854.52 49.33,-241.63 107,-188 209.55,-92.62 344.2,-163.07 405.5,-289 418.58,-315.88 397.85,-801.53 413.5,-827 421.61,-840.19 436.12,-848.92 449.87,-854.57"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="449.35,-856.62 455.7,-856.8 450.85,-852.69 449.35,-856.62"/>
+</g>
+<!-- src/index.tsx&#45;&gt;src/Components/AppShell/index.tsx -->
+<g id="edge85" class="edge">
+<title>src/index.tsx&#45;&gt;src/Components/AppShell/index.tsx</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M75.46,-955.01C89.29,-960.31 106.92,-967.08 121.66,-972.74"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="121.01,-974.74 127.36,-974.93 122.51,-970.82 121.01,-974.74"/>
 </g>
 <!-- src/index.tsx&#45;&gt;src/Components/Gaming/index.tsx -->
-<g id="edge76" class="edge">
+<g id="edge87" class="edge">
 <title>src/index.tsx&#45;&gt;src/Components/Gaming/index.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M51.96,-456.99C51.84,-515.03 53.74,-828.09 107,-903.71 109.77,-907.64 113.44,-910.91 117.49,-913.61"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="116.55,-915.49 122.78,-916.74 118.69,-911.88 116.55,-915.49"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M76.22,-936.95C89.64,-931.93 106.46,-925.65 120.74,-920.31"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="121.8,-922.15 126.69,-918.09 120.33,-918.22 121.8,-922.15"/>
 </g>
 <!-- src/index.tsx&#45;&gt;src/Components/Input/index.tsx -->
-<g id="edge77" class="edge">
+<g id="edge88" class="edge">
 <title>src/index.tsx&#45;&gt;src/Components/Input/index.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M51.65,-438.51C49.84,-376.79 47.7,-25.71 234,-25.71 234,-25.71 234,-25.71 345.5,-25.71 440.65,-25.71 492.1,35.44 559.5,-31.71 579.35,-51.49 554.27,-259.02 567.5,-283.71 577.27,-301.95 596.59,-315.27 612.89,-323.86"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="611.99,-325.76 618.29,-326.6 613.89,-322.01 611.99,-325.76"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M53.43,-955.1C57.57,-978.8 71.62,-1043.26 107,-1082 204.49,-1188.76 270.13,-1172.32 413.5,-1191 480.05,-1199.67 509.51,-1229.47 564.5,-1191 634.38,-1142.11 644.18,-1026.24 645.4,-984.4"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="647.5,-984.39 645.53,-978.34 643.3,-984.3 647.5,-984.39"/>
 </g>
 <!-- src/index.tsx&#45;&gt;src/Components/Map/index.tsx -->
-<g id="edge78" class="edge">
+<g id="edge89" class="edge">
 <title>src/index.tsx&#45;&gt;src/Components/Map/index.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M53.26,-457.01C56.96,-480.52 69.92,-542.79 107,-575.71 109.89,-578.28 113.27,-580.34 116.85,-582"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="116.24,-584.02 122.59,-584.28 117.79,-580.11 116.24,-584.02"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M53.48,-936.66C64.55,-866.63 134.59,-423.77 148.57,-335.35"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="150.65,-335.64 149.52,-329.39 146.5,-334.99 150.65,-335.64"/>
 </g>
 <!-- src/index.tsx&#45;&gt;src/Components/Profile/index.tsx -->
-<g id="edge79" class="edge">
+<g id="edge90" class="edge">
 <title>src/index.tsx&#45;&gt;src/Components/Profile/index.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M54.01,-438.4C59.27,-415.91 75.26,-357.75 107,-320.71 166.18,-251.67 265.43,-203.87 314.39,-183.21"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="315.38,-185.07 320.11,-180.82 313.76,-181.2 315.38,-185.07"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M53.22,-955.06C56.8,-977.91 69.52,-1038.14 107,-1067 134.04,-1087.83 173.73,-1091.82 202.04,-1091.54"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="202.3,-1093.64 208.25,-1091.41 202.21,-1089.44 202.3,-1093.64"/>
 </g>
 <!-- src/index.tsx&#45;&gt;src/Components/Templates/index.tsx -->
-<g id="edge80" class="edge">
+<g id="edge91" class="edge">
 <title>src/index.tsx&#45;&gt;src/Components/Templates/index.tsx</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M57.4,-438.31C66.25,-423.53 85.06,-394.59 107,-375.71 172.73,-319.15 267.04,-276.43 314.24,-257.09"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="315.26,-258.95 320.03,-254.74 313.69,-255.05 315.26,-258.95"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M51.94,-936.77C51.52,-854.82 50.34,-253.63 107,-201 121.12,-187.88 266.76,-187.47 280.5,-201 302.27,-222.44 271.71,-725.8 289,-751 294.95,-759.68 304.61,-765.22 314.44,-768.75"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="313.86,-770.77 320.21,-770.61 315.14,-766.78 313.86,-770.77"/>
 </g>
 <!-- src/index.tsx&#45;&gt;src/index.css -->
-<g id="edge81" class="edge">
+<g id="edge92" class="edge">
 <title>src/index.tsx&#45;&gt;src/index.css</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M52.66,-456.9C58.39,-535.9 99.37,-1098.23 107,-1113.71 112.39,-1124.65 122.17,-1134.01 131.15,-1140.92"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="129.94,-1142.64 136.02,-1144.5 132.43,-1139.26 129.94,-1142.64"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M55.3,-955.12C62.69,-975.81 80.69,-1028.04 91,-1073 101.45,-1118.58 78.05,-1140.27 107,-1177 109.61,-1180.31 112.93,-1183.02 116.57,-1185.23"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="115.8,-1187.19 122.09,-1188.12 117.75,-1183.48 115.8,-1187.19"/>
 </g>
 </g>
 </svg>
diff --git a/src/Components/Map/Subcomponents/ItemFormPopup.tsx b/src/Components/Map/Subcomponents/ItemFormPopup.tsx
index fc295bee..a1318aab 100644
--- a/src/Components/Map/Subcomponents/ItemFormPopup.tsx
+++ b/src/Components/Map/Subcomponents/ItemFormPopup.tsx
@@ -49,8 +49,8 @@ export function ItemFormPopup(props: ItemFormPopupProps) {
         setSpinner(true);
 
         formItem.text.toLocaleLowerCase().match(hashTagRegex)?.map(tag=> {
-            if (!tags.find((t) => t.id === tag.slice(1))) {
-              addTag({id: tag.slice(1), color: randomColor()})
+            if (!tags.find((t) => t.id.toLocaleLowerCase() === tag.slice(1).toLocaleLowerCase())) {
+              addTag({id: tag.slice(1).toLocaleLowerCase(), color: randomColor()})
             }
         });
 
diff --git a/src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx b/src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx
index ba27c11d..831257f8 100644
--- a/src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx
+++ b/src/Components/Map/Subcomponents/ItemPopupComponents/TextView.tsx
@@ -12,29 +12,11 @@ import { useEffect, useRef } from 'react';
 export const TextView = ({ item }: { item?: Item }) => {
   const tags = useTags();
   const addTag = useAddTag();
-
-  const groupRef = useRef(null);
-
   const addFilterTag = useAddFilterTag();
 
-  const map = useMap();
-
   let replacedText;
 
 
-  // use init-Ref to prevent react18 from calling useEffect twice
-  const init = useRef(false)
-  useEffect(() => {
-    if (!init.current) {
-      item?.text.toLocaleLowerCase().match(hashTagRegex)?.map(tag=> {
-        if (!tags.find((t) => t.id === tag.slice(1))) {
-          addTag({id: tag.slice(1), color: randomColor()})
-        }
-    });
-      init.current = true;
-    }
-  }, [])
-
 
 
   if (item && item.text) replacedText = fixUrls(item.text);
diff --git a/src/Components/Map/hooks/useTags.tsx b/src/Components/Map/hooks/useTags.tsx
index 7a631bbf..11ed16c3 100644
--- a/src/Components/Map/hooks/useTags.tsx
+++ b/src/Components/Map/hooks/useTags.tsx
@@ -30,11 +30,11 @@ function useTagsManager(initialTags: Tag[]): {
     switch (action.type) {
       case "ADD":
         const exist = state.find((tag) =>
-          tag.id === action.tag.id ? true : false
+          tag.id.toLocaleLowerCase() === action.tag.id.toLocaleLowerCase() ? true : false
         );
         if (!exist) return [
           ...state,
-          {...action.tag, id: action.tag.id}
+          {...action.tag, id: action.tag.id.toLocaleLowerCase()}
         ];
         else return state;
 
@@ -71,7 +71,7 @@ function useTagsManager(initialTags: Tag[]): {
       tag,
     });
 
-    if (!tags.some((t) => t.id === tag.id)) {
+    if (!tags.some((t) => t.id.toLocaleLowerCase() === tag.id.toLocaleLowerCase())) {
       api?.createItem && api.createItem(tag);
     }
   };