diff --git a/dependency-graph.svg b/dependency-graph.svg
index 47ea95fe..afd6950b 100644
--- a/dependency-graph.svg
+++ b/dependency-graph.svg
@@ -4,427 +4,437 @@
 <!-- Generated by graphviz version 2.43.0 (0)
  -->
 <!-- Title: dependency&#45;cruiser output Pages: 1 -->
-<svg width="1812pt" height="6346pt"
- viewBox="0.00 0.00 1811.50 6346.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 6342)">
+<svg width="1852pt" height="6404pt"
+ viewBox="0.00 0.00 1851.50 6404.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 6400)">
 <title>dependency&#45;cruiser output</title>
-<polygon fill="white" stroke="transparent" points="-4,4 -4,-6342 1807.5,-6342 1807.5,4 -4,4"/>
+<polygon fill="white" stroke="transparent" points="-4,4 -4,-6400 1847.5,-6400 1847.5,4 -4,4"/>
 <g id="clust1" class="cluster">
 <title>cluster_src</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M20,-8C20,-8 1783.5,-8 1783.5,-8 1789.5,-8 1795.5,-14 1795.5,-20 1795.5,-20 1795.5,-6318 1795.5,-6318 1795.5,-6324 1789.5,-6330 1783.5,-6330 1783.5,-6330 20,-6330 20,-6330 14,-6330 8,-6324 8,-6318 8,-6318 8,-20 8,-20 8,-14 14,-8 20,-8"/>
-<text text-anchor="middle" x="901.75" y="-6318.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M20,-8C20,-8 1823.5,-8 1823.5,-8 1829.5,-8 1835.5,-14 1835.5,-20 1835.5,-20 1835.5,-6376 1835.5,-6376 1835.5,-6382 1829.5,-6388 1823.5,-6388 1823.5,-6388 20,-6388 20,-6388 14,-6388 8,-6382 8,-6376 8,-6376 8,-20 8,-20 8,-14 14,-8 20,-8"/>
+<text text-anchor="middle" x="921.75" y="-6376.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">src</text>
 </g>
 <g id="clust2" class="cluster">
 <title>cluster_src/app</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M98,-136C98,-136 1775.5,-136 1775.5,-136 1781.5,-136 1787.5,-142 1787.5,-148 1787.5,-148 1787.5,-6198 1787.5,-6198 1787.5,-6204 1781.5,-6210 1775.5,-6210 1775.5,-6210 98,-6210 98,-6210 92,-6210 86,-6204 86,-6198 86,-6198 86,-148 86,-148 86,-142 92,-136 98,-136"/>
-<text text-anchor="middle" x="936.75" y="-6198.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">app</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M98,-136C98,-136 1815.5,-136 1815.5,-136 1821.5,-136 1827.5,-142 1827.5,-148 1827.5,-148 1827.5,-6256 1827.5,-6256 1827.5,-6262 1821.5,-6268 1815.5,-6268 1815.5,-6268 98,-6268 98,-6268 92,-6268 86,-6262 86,-6256 86,-6256 86,-148 86,-148 86,-142 92,-136 98,-136"/>
+<text text-anchor="middle" x="956.75" y="-6256.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">app</text>
 </g>
 <g id="clust3" class="cluster">
 <title>cluster_src/app/core</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M886,-2096C886,-2096 1767.5,-2096 1767.5,-2096 1773.5,-2096 1779.5,-2102 1779.5,-2108 1779.5,-2108 1779.5,-2900 1779.5,-2900 1779.5,-2906 1773.5,-2912 1767.5,-2912 1767.5,-2912 886,-2912 886,-2912 880,-2912 874,-2906 874,-2900 874,-2900 874,-2108 874,-2108 874,-2102 880,-2096 886,-2096"/>
-<text text-anchor="middle" x="1326.75" y="-2900.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">core</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M886,-2156C886,-2156 1807.5,-2156 1807.5,-2156 1813.5,-2156 1819.5,-2162 1819.5,-2168 1819.5,-2168 1819.5,-2930 1819.5,-2930 1819.5,-2936 1813.5,-2942 1807.5,-2942 1807.5,-2942 886,-2942 886,-2942 880,-2942 874,-2936 874,-2930 874,-2930 874,-2168 874,-2168 874,-2162 880,-2156 886,-2156"/>
+<text text-anchor="middle" x="1346.75" y="-2930.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">core</text>
 </g>
 <g id="clust4" class="cluster">
 <title>cluster_src/app/core/auth</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M1112,-2704C1112,-2704 1190,-2704 1190,-2704 1196,-2704 1202,-2710 1202,-2716 1202,-2716 1202,-2744 1202,-2744 1202,-2750 1196,-2756 1190,-2756 1190,-2756 1112,-2756 1112,-2756 1106,-2756 1100,-2750 1100,-2744 1100,-2744 1100,-2716 1100,-2716 1100,-2710 1106,-2704 1112,-2704"/>
-<text text-anchor="middle" x="1151" y="-2744.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">auth</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1112,-2734C1112,-2734 1190,-2734 1190,-2734 1196,-2734 1202,-2740 1202,-2746 1202,-2746 1202,-2774 1202,-2774 1202,-2780 1196,-2786 1190,-2786 1190,-2786 1112,-2786 1112,-2786 1106,-2786 1100,-2780 1100,-2774 1100,-2774 1100,-2746 1100,-2746 1100,-2740 1106,-2734 1112,-2734"/>
+<text text-anchor="middle" x="1151" y="-2774.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">auth</text>
 </g>
 <g id="clust5" class="cluster">
 <title>cluster_src/app/core/constants</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M907.5,-2834C907.5,-2834 1003.5,-2834 1003.5,-2834 1009.5,-2834 1015.5,-2840 1015.5,-2846 1015.5,-2846 1015.5,-2874 1015.5,-2874 1015.5,-2880 1009.5,-2886 1003.5,-2886 1003.5,-2886 907.5,-2886 907.5,-2886 901.5,-2886 895.5,-2880 895.5,-2874 895.5,-2874 895.5,-2846 895.5,-2846 895.5,-2840 901.5,-2834 907.5,-2834"/>
-<text text-anchor="middle" x="955.5" y="-2874.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">constants</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M907.5,-2864C907.5,-2864 1003.5,-2864 1003.5,-2864 1009.5,-2864 1015.5,-2870 1015.5,-2876 1015.5,-2876 1015.5,-2904 1015.5,-2904 1015.5,-2910 1009.5,-2916 1003.5,-2916 1003.5,-2916 907.5,-2916 907.5,-2916 901.5,-2916 895.5,-2910 895.5,-2904 895.5,-2904 895.5,-2876 895.5,-2876 895.5,-2870 901.5,-2864 907.5,-2864"/>
+<text text-anchor="middle" x="955.5" y="-2904.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">constants</text>
 </g>
 <g id="clust6" class="cluster">
 <title>cluster_src/app/core/guards</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M894,-2524C894,-2524 1200.5,-2524 1200.5,-2524 1206.5,-2524 1212.5,-2530 1212.5,-2536 1212.5,-2536 1212.5,-2684 1212.5,-2684 1212.5,-2690 1206.5,-2696 1200.5,-2696 1200.5,-2696 894,-2696 894,-2696 888,-2696 882,-2690 882,-2684 882,-2684 882,-2536 882,-2536 882,-2530 888,-2524 894,-2524"/>
-<text text-anchor="middle" x="1047.25" y="-2684.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">guards</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M894,-2554C894,-2554 1200.5,-2554 1200.5,-2554 1206.5,-2554 1212.5,-2560 1212.5,-2566 1212.5,-2566 1212.5,-2714 1212.5,-2714 1212.5,-2720 1206.5,-2726 1200.5,-2726 1200.5,-2726 894,-2726 894,-2726 888,-2726 882,-2720 882,-2714 882,-2714 882,-2566 882,-2566 882,-2560 888,-2554 894,-2554"/>
+<text text-anchor="middle" x="1047.25" y="-2714.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">guards</text>
 </g>
 <g id="clust7" class="cluster">
 <title>cluster_src/app/core/helpers</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M1277.5,-2104C1277.5,-2104 1373.5,-2104 1373.5,-2104 1379.5,-2104 1385.5,-2110 1385.5,-2116 1385.5,-2116 1385.5,-2144 1385.5,-2144 1385.5,-2150 1379.5,-2156 1373.5,-2156 1373.5,-2156 1277.5,-2156 1277.5,-2156 1271.5,-2156 1265.5,-2150 1265.5,-2144 1265.5,-2144 1265.5,-2116 1265.5,-2116 1265.5,-2110 1271.5,-2104 1277.5,-2104"/>
-<text text-anchor="middle" x="1325.5" y="-2144.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">helpers</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1277.5,-2164C1277.5,-2164 1373.5,-2164 1373.5,-2164 1379.5,-2164 1385.5,-2170 1385.5,-2176 1385.5,-2176 1385.5,-2204 1385.5,-2204 1385.5,-2210 1379.5,-2216 1373.5,-2216 1373.5,-2216 1277.5,-2216 1277.5,-2216 1271.5,-2216 1265.5,-2210 1265.5,-2204 1265.5,-2204 1265.5,-2176 1265.5,-2176 1265.5,-2170 1271.5,-2164 1277.5,-2164"/>
+<text text-anchor="middle" x="1325.5" y="-2204.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">helpers</text>
 </g>
 <g id="clust8" class="cluster">
 <title>cluster_src/app/core/interceptors</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M897,-2774C897,-2774 1197.5,-2774 1197.5,-2774 1203.5,-2774 1209.5,-2780 1209.5,-2786 1209.5,-2786 1209.5,-2814 1209.5,-2814 1209.5,-2820 1203.5,-2826 1197.5,-2826 1197.5,-2826 897,-2826 897,-2826 891,-2826 885,-2820 885,-2814 885,-2814 885,-2786 885,-2786 885,-2780 891,-2774 897,-2774"/>
-<text text-anchor="middle" x="1047.25" y="-2814.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">interceptors</text>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M897,-2804C897,-2804 1197.5,-2804 1197.5,-2804 1203.5,-2804 1209.5,-2810 1209.5,-2816 1209.5,-2816 1209.5,-2844 1209.5,-2844 1209.5,-2850 1203.5,-2856 1197.5,-2856 1197.5,-2856 897,-2856 897,-2856 891,-2856 885,-2850 885,-2844 885,-2844 885,-2816 885,-2816 885,-2810 891,-2804 897,-2804"/>
+<text text-anchor="middle" x="1047.25" y="-2844.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">interceptors</text>
 </g>
 <g id="clust9" class="cluster">
-<title>cluster_src/app/core/models</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M1449.5,-2524C1449.5,-2524 1759.5,-2524 1759.5,-2524 1765.5,-2524 1771.5,-2530 1771.5,-2536 1771.5,-2536 1771.5,-2624 1771.5,-2624 1771.5,-2630 1765.5,-2636 1759.5,-2636 1759.5,-2636 1449.5,-2636 1449.5,-2636 1443.5,-2636 1437.5,-2630 1437.5,-2624 1437.5,-2624 1437.5,-2536 1437.5,-2536 1437.5,-2530 1443.5,-2524 1449.5,-2524"/>
-<text text-anchor="middle" x="1604.5" y="-2624.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">models</text>
+<title>cluster_src/app/core/interfaces</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1579.5,-2434C1579.5,-2434 1689.5,-2434 1689.5,-2434 1695.5,-2434 1701.5,-2440 1701.5,-2446 1701.5,-2446 1701.5,-2474 1701.5,-2474 1701.5,-2480 1695.5,-2486 1689.5,-2486 1689.5,-2486 1579.5,-2486 1579.5,-2486 1573.5,-2486 1567.5,-2480 1567.5,-2474 1567.5,-2474 1567.5,-2446 1567.5,-2446 1567.5,-2440 1573.5,-2434 1579.5,-2434"/>
+<text text-anchor="middle" x="1634.5" y="-2474.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">interfaces</text>
 </g>
 <g id="clust10" class="cluster">
-<title>cluster_src/app/core/services</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M1072.5,-2164C1072.5,-2164 1547.5,-2164 1547.5,-2164 1553.5,-2164 1559.5,-2170 1559.5,-2176 1559.5,-2176 1559.5,-2504 1559.5,-2504 1559.5,-2510 1553.5,-2516 1547.5,-2516 1547.5,-2516 1072.5,-2516 1072.5,-2516 1066.5,-2516 1060.5,-2510 1060.5,-2504 1060.5,-2504 1060.5,-2176 1060.5,-2176 1060.5,-2170 1066.5,-2164 1072.5,-2164"/>
-<text text-anchor="middle" x="1310" y="-2504.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">services</text>
+<title>cluster_src/app/core/models</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1449.5,-2554C1449.5,-2554 1799.5,-2554 1799.5,-2554 1805.5,-2554 1811.5,-2560 1811.5,-2566 1811.5,-2566 1811.5,-2654 1811.5,-2654 1811.5,-2660 1805.5,-2666 1799.5,-2666 1799.5,-2666 1449.5,-2666 1449.5,-2666 1443.5,-2666 1437.5,-2660 1437.5,-2654 1437.5,-2654 1437.5,-2566 1437.5,-2566 1437.5,-2560 1443.5,-2554 1449.5,-2554"/>
+<text text-anchor="middle" x="1624.5" y="-2654.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">models</text>
 </g>
 <g id="clust11" class="cluster">
-<title>cluster_src/app/features</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M327,-2928C327,-2928 1365,-2928 1365,-2928 1371,-2928 1377,-2934 1377,-2940 1377,-2940 1377,-5978 1377,-5978 1377,-5984 1371,-5990 1365,-5990 1365,-5990 327,-5990 327,-5990 321,-5990 315,-5984 315,-5978 315,-5978 315,-2940 315,-2940 315,-2934 321,-2928 327,-2928"/>
-<text text-anchor="middle" x="846" y="-5978.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">features</text>
+<title>cluster_src/app/core/services</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1072.5,-2224C1072.5,-2224 1547.5,-2224 1547.5,-2224 1553.5,-2224 1559.5,-2230 1559.5,-2236 1559.5,-2236 1559.5,-2534 1559.5,-2534 1559.5,-2540 1553.5,-2546 1547.5,-2546 1547.5,-2546 1072.5,-2546 1072.5,-2546 1066.5,-2546 1060.5,-2540 1060.5,-2534 1060.5,-2534 1060.5,-2236 1060.5,-2236 1060.5,-2230 1066.5,-2224 1072.5,-2224"/>
+<text text-anchor="middle" x="1310" y="-2534.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">services</text>
 </g>
 <g id="clust12" class="cluster">
-<title>cluster_src/app/features/about</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M346.5,-5536C346.5,-5536 810.5,-5536 810.5,-5536 816.5,-5536 822.5,-5542 822.5,-5548 822.5,-5548 822.5,-5620 822.5,-5620 822.5,-5626 816.5,-5632 810.5,-5632 810.5,-5632 346.5,-5632 346.5,-5632 340.5,-5632 334.5,-5626 334.5,-5620 334.5,-5620 334.5,-5548 334.5,-5548 334.5,-5542 340.5,-5536 346.5,-5536"/>
-<text text-anchor="middle" x="578.5" y="-5620.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">about</text>
+<title>cluster_src/app/features</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M327,-2986C327,-2986 1365,-2986 1365,-2986 1371,-2986 1377,-2992 1377,-2998 1377,-2998 1377,-6050 1377,-6050 1377,-6056 1371,-6062 1365,-6062 1365,-6062 327,-6062 327,-6062 321,-6062 315,-6056 315,-6050 315,-6050 315,-2998 315,-2998 315,-2992 321,-2986 327,-2986"/>
+<text text-anchor="middle" x="846" y="-6050.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">features</text>
 </g>
 <g id="clust13" class="cluster">
-<title>cluster_src/app/features/blog</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M350,-5446C350,-5446 807,-5446 807,-5446 813,-5446 819,-5452 819,-5458 819,-5458 819,-5516 819,-5516 819,-5522 813,-5528 807,-5528 807,-5528 350,-5528 350,-5528 344,-5528 338,-5522 338,-5516 338,-5516 338,-5458 338,-5458 338,-5452 344,-5446 350,-5446"/>
-<text text-anchor="middle" x="578.5" y="-5516.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">blog</text>
+<title>cluster_src/app/features/about</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M346.5,-5940C346.5,-5940 810.5,-5940 810.5,-5940 816.5,-5940 822.5,-5946 822.5,-5952 822.5,-5952 822.5,-6024 822.5,-6024 822.5,-6030 816.5,-6036 810.5,-6036 810.5,-6036 346.5,-6036 346.5,-6036 340.5,-6036 334.5,-6030 334.5,-6024 334.5,-6024 334.5,-5952 334.5,-5952 334.5,-5946 340.5,-5940 346.5,-5940"/>
+<text text-anchor="middle" x="578.5" y="-6024.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">about</text>
 </g>
 <g id="clust14" class="cluster">
-<title>cluster_src/app/features/bookmarks</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M335,-5356C335,-5356 822,-5356 822,-5356 828,-5356 834,-5362 834,-5368 834,-5368 834,-5426 834,-5426 834,-5432 828,-5438 822,-5438 822,-5438 335,-5438 335,-5438 329,-5438 323,-5432 323,-5426 323,-5426 323,-5368 323,-5368 323,-5362 329,-5356 335,-5356"/>
-<text text-anchor="middle" x="578.5" y="-5426.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">bookmarks</text>
+<title>cluster_src/app/features/blog</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M350,-5516C350,-5516 807,-5516 807,-5516 813,-5516 819,-5522 819,-5528 819,-5528 819,-5586 819,-5586 819,-5592 813,-5598 807,-5598 807,-5598 350,-5598 350,-5598 344,-5598 338,-5592 338,-5586 338,-5586 338,-5528 338,-5528 338,-5522 344,-5516 350,-5516"/>
+<text text-anchor="middle" x="578.5" y="-5586.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">blog</text>
 </g>
 <g id="clust15" class="cluster">
-<title>cluster_src/app/features/dashboard</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M335.5,-4996C335.5,-4996 821.5,-4996 821.5,-4996 827.5,-4996 833.5,-5002 833.5,-5008 833.5,-5008 833.5,-5066 833.5,-5066 833.5,-5072 827.5,-5078 821.5,-5078 821.5,-5078 335.5,-5078 335.5,-5078 329.5,-5078 323.5,-5072 323.5,-5066 323.5,-5066 323.5,-5008 323.5,-5008 323.5,-5002 329.5,-4996 335.5,-4996"/>
-<text text-anchor="middle" x="578.5" y="-5066.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">dashboard</text>
+<title>cluster_src/app/features/bookmarks</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M335,-5080C335,-5080 822,-5080 822,-5080 828,-5080 834,-5086 834,-5092 834,-5092 834,-5150 834,-5150 834,-5156 828,-5162 822,-5162 822,-5162 335,-5162 335,-5162 329,-5162 323,-5156 323,-5150 323,-5150 323,-5092 323,-5092 323,-5086 329,-5080 335,-5080"/>
+<text text-anchor="middle" x="578.5" y="-5150.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">bookmarks</text>
 </g>
 <g id="clust16" class="cluster">
-<title>cluster_src/app/features/events</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M512.5,-3588C512.5,-3588 1182,-3588 1182,-3588 1188,-3588 1194,-3594 1194,-3600 1194,-3600 1194,-3902 1194,-3902 1194,-3908 1188,-3914 1182,-3914 1182,-3914 512.5,-3914 512.5,-3914 506.5,-3914 500.5,-3908 500.5,-3902 500.5,-3902 500.5,-3600 500.5,-3600 500.5,-3594 506.5,-3588 512.5,-3588"/>
-<text text-anchor="middle" x="847.25" y="-3902.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">events</text>
+<title>cluster_src/app/features/dashboard</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M335.5,-4686C335.5,-4686 821.5,-4686 821.5,-4686 827.5,-4686 833.5,-4692 833.5,-4698 833.5,-4698 833.5,-4756 833.5,-4756 833.5,-4762 827.5,-4768 821.5,-4768 821.5,-4768 335.5,-4768 335.5,-4768 329.5,-4768 323.5,-4762 323.5,-4756 323.5,-4756 323.5,-4698 323.5,-4698 323.5,-4692 329.5,-4686 335.5,-4686"/>
+<text text-anchor="middle" x="578.5" y="-4756.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">dashboard</text>
 </g>
 <g id="clust17" class="cluster">
-<title>cluster_src/app/features/events/components</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M678.5,-3596C678.5,-3596 1025,-3596 1025,-3596 1031,-3596 1037,-3602 1037,-3608 1037,-3608 1037,-3790 1037,-3790 1037,-3796 1031,-3802 1025,-3802 1025,-3802 678.5,-3802 678.5,-3802 672.5,-3802 666.5,-3796 666.5,-3790 666.5,-3790 666.5,-3608 666.5,-3608 666.5,-3602 672.5,-3596 678.5,-3596"/>
-<text text-anchor="middle" x="851.75" y="-3790.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
+<title>cluster_src/app/features/events</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M512.5,-5606C512.5,-5606 1182,-5606 1182,-5606 1188,-5606 1194,-5612 1194,-5618 1194,-5618 1194,-5920 1194,-5920 1194,-5926 1188,-5932 1182,-5932 1182,-5932 512.5,-5932 512.5,-5932 506.5,-5932 500.5,-5926 500.5,-5920 500.5,-5920 500.5,-5618 500.5,-5618 500.5,-5612 506.5,-5606 512.5,-5606"/>
+<text text-anchor="middle" x="847.25" y="-5920.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">events</text>
 </g>
 <g id="clust18" class="cluster">
-<title>cluster_src/app/features/events/components/event&#45;card</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M686.5,-3604C686.5,-3604 1017,-3604 1017,-3604 1023,-3604 1029,-3610 1029,-3616 1029,-3616 1029,-3644 1029,-3644 1029,-3650 1023,-3656 1017,-3656 1017,-3656 686.5,-3656 686.5,-3656 680.5,-3656 674.5,-3650 674.5,-3644 674.5,-3644 674.5,-3616 674.5,-3616 674.5,-3610 680.5,-3604 686.5,-3604"/>
-<text text-anchor="middle" x="851.75" y="-3644.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">event&#45;card</text>
+<title>cluster_src/app/features/events/components</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M678.5,-5614C678.5,-5614 1025,-5614 1025,-5614 1031,-5614 1037,-5620 1037,-5626 1037,-5626 1037,-5808 1037,-5808 1037,-5814 1031,-5820 1025,-5820 1025,-5820 678.5,-5820 678.5,-5820 672.5,-5820 666.5,-5814 666.5,-5808 666.5,-5808 666.5,-5626 666.5,-5626 666.5,-5620 672.5,-5614 678.5,-5614"/>
+<text text-anchor="middle" x="851.75" y="-5808.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
 </g>
 <g id="clust19" class="cluster">
-<title>cluster_src/app/features/events/components/event&#45;list</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M690,-3724C690,-3724 1013.5,-3724 1013.5,-3724 1019.5,-3724 1025.5,-3730 1025.5,-3736 1025.5,-3736 1025.5,-3764 1025.5,-3764 1025.5,-3770 1019.5,-3776 1013.5,-3776 1013.5,-3776 690,-3776 690,-3776 684,-3776 678,-3770 678,-3764 678,-3764 678,-3736 678,-3736 678,-3730 684,-3724 690,-3724"/>
-<text text-anchor="middle" x="851.75" y="-3764.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">event&#45;list</text>
+<title>cluster_src/app/features/events/components/event&#45;card</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M686.5,-5622C686.5,-5622 1017,-5622 1017,-5622 1023,-5622 1029,-5628 1029,-5634 1029,-5634 1029,-5662 1029,-5662 1029,-5668 1023,-5674 1017,-5674 1017,-5674 686.5,-5674 686.5,-5674 680.5,-5674 674.5,-5668 674.5,-5662 674.5,-5662 674.5,-5634 674.5,-5634 674.5,-5628 680.5,-5622 686.5,-5622"/>
+<text text-anchor="middle" x="851.75" y="-5662.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">event&#45;card</text>
 </g>
 <g id="clust20" class="cluster">
-<title>cluster_src/app/features/events/components/event</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M698,-3664C698,-3664 1005.5,-3664 1005.5,-3664 1011.5,-3664 1017.5,-3670 1017.5,-3676 1017.5,-3676 1017.5,-3704 1017.5,-3704 1017.5,-3710 1011.5,-3716 1005.5,-3716 1005.5,-3716 698,-3716 698,-3716 692,-3716 686,-3710 686,-3704 686,-3704 686,-3676 686,-3676 686,-3670 692,-3664 698,-3664"/>
-<text text-anchor="middle" x="851.75" y="-3704.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">event</text>
+<title>cluster_src/app/features/events/components/event&#45;list</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M690,-5742C690,-5742 1013.5,-5742 1013.5,-5742 1019.5,-5742 1025.5,-5748 1025.5,-5754 1025.5,-5754 1025.5,-5782 1025.5,-5782 1025.5,-5788 1019.5,-5794 1013.5,-5794 1013.5,-5794 690,-5794 690,-5794 684,-5794 678,-5788 678,-5782 678,-5782 678,-5754 678,-5754 678,-5748 684,-5742 690,-5742"/>
+<text text-anchor="middle" x="851.75" y="-5782.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">event&#45;list</text>
 </g>
 <g id="clust21" class="cluster">
-<title>cluster_src/app/features/events/models</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M1128,-3724C1128,-3724 1174,-3724 1174,-3724 1180,-3724 1186,-3730 1186,-3736 1186,-3736 1186,-3764 1186,-3764 1186,-3770 1180,-3776 1174,-3776 1174,-3776 1128,-3776 1128,-3776 1122,-3776 1116,-3770 1116,-3764 1116,-3764 1116,-3736 1116,-3736 1116,-3730 1122,-3724 1128,-3724"/>
-<text text-anchor="middle" x="1151" y="-3764.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">models</text>
+<title>cluster_src/app/features/events/components/event</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M698,-5682C698,-5682 1005.5,-5682 1005.5,-5682 1011.5,-5682 1017.5,-5688 1017.5,-5694 1017.5,-5694 1017.5,-5722 1017.5,-5722 1017.5,-5728 1011.5,-5734 1005.5,-5734 1005.5,-5734 698,-5734 698,-5734 692,-5734 686,-5728 686,-5722 686,-5722 686,-5694 686,-5694 686,-5688 692,-5682 698,-5682"/>
+<text text-anchor="middle" x="851.75" y="-5722.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">event</text>
 </g>
 <g id="clust22" class="cluster">
-<title>cluster_src/app/features/events/resolvers</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M914,-3836C914,-3836 997,-3836 997,-3836 1003,-3836 1009,-3842 1009,-3848 1009,-3848 1009,-3876 1009,-3876 1009,-3882 1003,-3888 997,-3888 997,-3888 914,-3888 914,-3888 908,-3888 902,-3882 902,-3876 902,-3876 902,-3848 902,-3848 902,-3842 908,-3836 914,-3836"/>
-<text text-anchor="middle" x="955.5" y="-3876.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">resolvers</text>
+<title>cluster_src/app/features/events/models</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1128,-5614C1128,-5614 1174,-5614 1174,-5614 1180,-5614 1186,-5620 1186,-5626 1186,-5626 1186,-5654 1186,-5654 1186,-5660 1180,-5666 1174,-5666 1174,-5666 1128,-5666 1128,-5666 1122,-5666 1116,-5660 1116,-5654 1116,-5654 1116,-5626 1116,-5626 1116,-5620 1122,-5614 1128,-5614"/>
+<text text-anchor="middle" x="1151" y="-5654.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">models</text>
 </g>
 <g id="clust23" class="cluster">
-<title>cluster_src/app/features/friends</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M344.5,-4608C344.5,-4608 812.5,-4608 812.5,-4608 818.5,-4608 824.5,-4614 824.5,-4620 824.5,-4620 824.5,-4678 824.5,-4678 824.5,-4684 818.5,-4690 812.5,-4690 812.5,-4690 344.5,-4690 344.5,-4690 338.5,-4690 332.5,-4684 332.5,-4678 332.5,-4678 332.5,-4620 332.5,-4620 332.5,-4614 338.5,-4608 344.5,-4608"/>
-<text text-anchor="middle" x="578.5" y="-4678.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">friends</text>
+<title>cluster_src/app/features/events/resolvers</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M914,-5854C914,-5854 997,-5854 997,-5854 1003,-5854 1009,-5860 1009,-5866 1009,-5866 1009,-5894 1009,-5894 1009,-5900 1003,-5906 997,-5906 997,-5906 914,-5906 914,-5906 908,-5906 902,-5900 902,-5894 902,-5894 902,-5866 902,-5866 902,-5860 908,-5854 914,-5854"/>
+<text text-anchor="middle" x="955.5" y="-5894.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">resolvers</text>
 </g>
 <g id="clust24" class="cluster">
-<title>cluster_src/app/features/groups</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M716,-5640C716,-5640 1357,-5640 1357,-5640 1363,-5640 1369,-5646 1369,-5652 1369,-5652 1369,-5952 1369,-5952 1369,-5958 1363,-5964 1357,-5964 1357,-5964 716,-5964 716,-5964 710,-5964 704,-5958 704,-5952 704,-5952 704,-5652 704,-5652 704,-5646 710,-5640 716,-5640"/>
-<text text-anchor="middle" x="1036.5" y="-5952.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">groups</text>
+<title>cluster_src/app/features/friends</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M344.5,-4352C344.5,-4352 812.5,-4352 812.5,-4352 818.5,-4352 824.5,-4358 824.5,-4364 824.5,-4364 824.5,-4422 824.5,-4422 824.5,-4428 818.5,-4434 812.5,-4434 812.5,-4434 344.5,-4434 344.5,-4434 338.5,-4434 332.5,-4428 332.5,-4422 332.5,-4422 332.5,-4364 332.5,-4364 332.5,-4358 338.5,-4352 344.5,-4352"/>
+<text text-anchor="middle" x="578.5" y="-4422.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">friends</text>
 </g>
 <g id="clust25" class="cluster">
-<title>cluster_src/app/features/groups/components</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M873,-5648C873,-5648 1221.5,-5648 1221.5,-5648 1227.5,-5648 1233.5,-5654 1233.5,-5660 1233.5,-5660 1233.5,-5842 1233.5,-5842 1233.5,-5848 1227.5,-5854 1221.5,-5854 1221.5,-5854 873,-5854 873,-5854 867,-5854 861,-5848 861,-5842 861,-5842 861,-5660 861,-5660 861,-5654 867,-5648 873,-5648"/>
-<text text-anchor="middle" x="1047.25" y="-5842.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
+<title>cluster_src/app/features/groups</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M716,-5170C716,-5170 1357,-5170 1357,-5170 1363,-5170 1369,-5176 1369,-5182 1369,-5182 1369,-5496 1369,-5496 1369,-5502 1363,-5508 1357,-5508 1357,-5508 716,-5508 716,-5508 710,-5508 704,-5502 704,-5496 704,-5496 704,-5182 704,-5182 704,-5176 710,-5170 716,-5170"/>
+<text text-anchor="middle" x="1036.5" y="-5496.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">groups</text>
 </g>
 <g id="clust26" class="cluster">
-<title>cluster_src/app/features/groups/components/group&#45;card</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M881,-5656C881,-5656 1213.5,-5656 1213.5,-5656 1219.5,-5656 1225.5,-5662 1225.5,-5668 1225.5,-5668 1225.5,-5696 1225.5,-5696 1225.5,-5702 1219.5,-5708 1213.5,-5708 1213.5,-5708 881,-5708 881,-5708 875,-5708 869,-5702 869,-5696 869,-5696 869,-5668 869,-5668 869,-5662 875,-5656 881,-5656"/>
-<text text-anchor="middle" x="1047.25" y="-5696.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">group&#45;card</text>
+<title>cluster_src/app/features/groups/components</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M873,-5178C873,-5178 1221.5,-5178 1221.5,-5178 1227.5,-5178 1233.5,-5184 1233.5,-5190 1233.5,-5190 1233.5,-5372 1233.5,-5372 1233.5,-5378 1227.5,-5384 1221.5,-5384 1221.5,-5384 873,-5384 873,-5384 867,-5384 861,-5378 861,-5372 861,-5372 861,-5190 861,-5190 861,-5184 867,-5178 873,-5178"/>
+<text text-anchor="middle" x="1047.25" y="-5372.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
 </g>
 <g id="clust27" class="cluster">
-<title>cluster_src/app/features/groups/components/group&#45;list</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M885,-5776C885,-5776 1209.5,-5776 1209.5,-5776 1215.5,-5776 1221.5,-5782 1221.5,-5788 1221.5,-5788 1221.5,-5816 1221.5,-5816 1221.5,-5822 1215.5,-5828 1209.5,-5828 1209.5,-5828 885,-5828 885,-5828 879,-5828 873,-5822 873,-5816 873,-5816 873,-5788 873,-5788 873,-5782 879,-5776 885,-5776"/>
-<text text-anchor="middle" x="1047.25" y="-5816.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">group&#45;list</text>
+<title>cluster_src/app/features/groups/components/group&#45;card</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M881,-5246C881,-5246 1213.5,-5246 1213.5,-5246 1219.5,-5246 1225.5,-5252 1225.5,-5258 1225.5,-5258 1225.5,-5286 1225.5,-5286 1225.5,-5292 1219.5,-5298 1213.5,-5298 1213.5,-5298 881,-5298 881,-5298 875,-5298 869,-5292 869,-5286 869,-5286 869,-5258 869,-5258 869,-5252 875,-5246 881,-5246"/>
+<text text-anchor="middle" x="1047.25" y="-5286.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">group&#45;card</text>
 </g>
 <g id="clust28" class="cluster">
-<title>cluster_src/app/features/groups/components/group</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M892.5,-5716C892.5,-5716 1202,-5716 1202,-5716 1208,-5716 1214,-5722 1214,-5728 1214,-5728 1214,-5756 1214,-5756 1214,-5762 1208,-5768 1202,-5768 1202,-5768 892.5,-5768 892.5,-5768 886.5,-5768 880.5,-5762 880.5,-5756 880.5,-5756 880.5,-5728 880.5,-5728 880.5,-5722 886.5,-5716 892.5,-5716"/>
-<text text-anchor="middle" x="1047.25" y="-5756.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">group</text>
+<title>cluster_src/app/features/groups/components/group&#45;list</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M885,-5306C885,-5306 1209.5,-5306 1209.5,-5306 1215.5,-5306 1221.5,-5312 1221.5,-5318 1221.5,-5318 1221.5,-5346 1221.5,-5346 1221.5,-5352 1215.5,-5358 1209.5,-5358 1209.5,-5358 885,-5358 885,-5358 879,-5358 873,-5352 873,-5346 873,-5346 873,-5318 873,-5318 873,-5312 879,-5306 885,-5306"/>
+<text text-anchor="middle" x="1047.25" y="-5346.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">group&#45;list</text>
 </g>
 <g id="clust29" class="cluster">
-<title>cluster_src/app/features/groups/models</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M1302,-5648C1302,-5648 1349,-5648 1349,-5648 1355,-5648 1361,-5654 1361,-5660 1361,-5660 1361,-5688 1361,-5688 1361,-5694 1355,-5700 1349,-5700 1349,-5700 1302,-5700 1302,-5700 1296,-5700 1290,-5694 1290,-5688 1290,-5688 1290,-5660 1290,-5660 1290,-5654 1296,-5648 1302,-5648"/>
-<text text-anchor="middle" x="1325.5" y="-5688.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">models</text>
+<title>cluster_src/app/features/groups/components/group</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M892.5,-5186C892.5,-5186 1202,-5186 1202,-5186 1208,-5186 1214,-5192 1214,-5198 1214,-5198 1214,-5226 1214,-5226 1214,-5232 1208,-5238 1202,-5238 1202,-5238 892.5,-5238 892.5,-5238 886.5,-5238 880.5,-5232 880.5,-5226 880.5,-5226 880.5,-5198 880.5,-5198 880.5,-5192 886.5,-5186 892.5,-5186"/>
+<text text-anchor="middle" x="1047.25" y="-5226.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">group</text>
 </g>
 <g id="clust30" class="cluster">
-<title>cluster_src/app/features/home</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M347,-3484C347,-3484 810,-3484 810,-3484 816,-3484 822,-3490 822,-3496 822,-3496 822,-3568 822,-3568 822,-3574 816,-3580 810,-3580 810,-3580 347,-3580 347,-3580 341,-3580 335,-3574 335,-3568 335,-3568 335,-3496 335,-3496 335,-3490 341,-3484 347,-3484"/>
-<text text-anchor="middle" x="578.5" y="-3568.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">home</text>
+<title>cluster_src/app/features/groups/models</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1302,-5202C1302,-5202 1349,-5202 1349,-5202 1355,-5202 1361,-5208 1361,-5214 1361,-5214 1361,-5242 1361,-5242 1361,-5248 1355,-5254 1349,-5254 1349,-5254 1302,-5254 1302,-5254 1296,-5254 1290,-5248 1290,-5242 1290,-5242 1290,-5214 1290,-5214 1290,-5208 1296,-5202 1302,-5202"/>
+<text text-anchor="middle" x="1325.5" y="-5242.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">models</text>
 </g>
 <g id="clust31" class="cluster">
-<title>cluster_src/app/features/invite</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M347.5,-4220C347.5,-4220 809.5,-4220 809.5,-4220 815.5,-4220 821.5,-4226 821.5,-4232 821.5,-4232 821.5,-4290 821.5,-4290 821.5,-4296 815.5,-4302 809.5,-4302 809.5,-4302 347.5,-4302 347.5,-4302 341.5,-4302 335.5,-4296 335.5,-4290 335.5,-4290 335.5,-4232 335.5,-4232 335.5,-4226 341.5,-4220 347.5,-4220"/>
-<text text-anchor="middle" x="578.5" y="-4290.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">invite</text>
+<title>cluster_src/app/features/home</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M347,-3978C347,-3978 810,-3978 810,-3978 816,-3978 822,-3984 822,-3990 822,-3990 822,-4062 822,-4062 822,-4068 816,-4074 810,-4074 810,-4074 347,-4074 347,-4074 341,-4074 335,-4068 335,-4062 335,-4062 335,-3990 335,-3990 335,-3984 341,-3978 347,-3978"/>
+<text text-anchor="middle" x="578.5" y="-4062.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">home</text>
 </g>
 <g id="clust32" class="cluster">
-<title>cluster_src/app/features/login</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M349,-3922C349,-3922 808,-3922 808,-3922 814,-3922 820,-3928 820,-3934 820,-3934 820,-4006 820,-4006 820,-4012 814,-4018 808,-4018 808,-4018 349,-4018 349,-4018 343,-4018 337,-4012 337,-4006 337,-4006 337,-3934 337,-3934 337,-3928 343,-3922 349,-3922"/>
-<text text-anchor="middle" x="578.5" y="-4006.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">login</text>
+<title>cluster_src/app/features/invite</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M347.5,-4262C347.5,-4262 809.5,-4262 809.5,-4262 815.5,-4262 821.5,-4268 821.5,-4274 821.5,-4274 821.5,-4332 821.5,-4332 821.5,-4338 815.5,-4344 809.5,-4344 809.5,-4344 347.5,-4344 347.5,-4344 341.5,-4344 335.5,-4338 335.5,-4332 335.5,-4332 335.5,-4274 335.5,-4274 335.5,-4268 341.5,-4262 347.5,-4262"/>
+<text text-anchor="middle" x="578.5" y="-4332.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">invite</text>
 </g>
 <g id="clust33" class="cluster">
-<title>cluster_src/app/features/members</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M338.5,-5266C338.5,-5266 818.5,-5266 818.5,-5266 824.5,-5266 830.5,-5272 830.5,-5278 830.5,-5278 830.5,-5336 830.5,-5336 830.5,-5342 824.5,-5348 818.5,-5348 818.5,-5348 338.5,-5348 338.5,-5348 332.5,-5348 326.5,-5342 326.5,-5336 326.5,-5336 326.5,-5278 326.5,-5278 326.5,-5272 332.5,-5266 338.5,-5266"/>
-<text text-anchor="middle" x="578.5" y="-5336.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">members</text>
+<title>cluster_src/app/features/login</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M349,-3188C349,-3188 808,-3188 808,-3188 814,-3188 820,-3194 820,-3200 820,-3200 820,-3272 820,-3272 820,-3278 814,-3284 808,-3284 808,-3284 349,-3284 349,-3284 343,-3284 337,-3278 337,-3272 337,-3272 337,-3200 337,-3200 337,-3194 343,-3188 349,-3188"/>
+<text text-anchor="middle" x="578.5" y="-3272.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">login</text>
 </g>
 <g id="clust34" class="cluster">
-<title>cluster_src/app/features/messages</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M337.5,-5176C337.5,-5176 819.5,-5176 819.5,-5176 825.5,-5176 831.5,-5182 831.5,-5188 831.5,-5188 831.5,-5246 831.5,-5246 831.5,-5252 825.5,-5258 819.5,-5258 819.5,-5258 337.5,-5258 337.5,-5258 331.5,-5258 325.5,-5252 325.5,-5246 325.5,-5246 325.5,-5188 325.5,-5188 325.5,-5182 331.5,-5176 337.5,-5176"/>
-<text text-anchor="middle" x="578.5" y="-5246.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">messages</text>
+<title>cluster_src/app/features/members</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M338.5,-4172C338.5,-4172 818.5,-4172 818.5,-4172 824.5,-4172 830.5,-4178 830.5,-4184 830.5,-4184 830.5,-4242 830.5,-4242 830.5,-4248 824.5,-4254 818.5,-4254 818.5,-4254 338.5,-4254 338.5,-4254 332.5,-4254 326.5,-4248 326.5,-4242 326.5,-4242 326.5,-4184 326.5,-4184 326.5,-4178 332.5,-4172 338.5,-4172"/>
+<text text-anchor="middle" x="578.5" y="-4242.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">members</text>
 </g>
 <g id="clust35" class="cluster">
-<title>cluster_src/app/features/missions</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M340.5,-5086C340.5,-5086 816.5,-5086 816.5,-5086 822.5,-5086 828.5,-5092 828.5,-5098 828.5,-5098 828.5,-5156 828.5,-5156 828.5,-5162 822.5,-5168 816.5,-5168 816.5,-5168 340.5,-5168 340.5,-5168 334.5,-5168 328.5,-5162 328.5,-5156 328.5,-5156 328.5,-5098 328.5,-5098 328.5,-5092 334.5,-5086 340.5,-5086"/>
-<text text-anchor="middle" x="578.5" y="-5156.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">missions</text>
+<title>cluster_src/app/features/messages</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M337.5,-4082C337.5,-4082 819.5,-4082 819.5,-4082 825.5,-4082 831.5,-4088 831.5,-4094 831.5,-4094 831.5,-4152 831.5,-4152 831.5,-4158 825.5,-4164 819.5,-4164 819.5,-4164 337.5,-4164 337.5,-4164 331.5,-4164 325.5,-4158 325.5,-4152 325.5,-4152 325.5,-4094 325.5,-4094 325.5,-4088 331.5,-4082 337.5,-4082"/>
+<text text-anchor="middle" x="578.5" y="-4152.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">messages</text>
 </g>
 <g id="clust36" class="cluster">
-<title>cluster_src/app/features/news&#45;feed</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M467.5,-3240C467.5,-3240 1015.5,-3240 1015.5,-3240 1021.5,-3240 1027.5,-3246 1027.5,-3252 1027.5,-3252 1027.5,-3464 1027.5,-3464 1027.5,-3470 1021.5,-3476 1015.5,-3476 1015.5,-3476 467.5,-3476 467.5,-3476 461.5,-3476 455.5,-3470 455.5,-3464 455.5,-3464 455.5,-3252 455.5,-3252 455.5,-3246 461.5,-3240 467.5,-3240"/>
-<text text-anchor="middle" x="741.5" y="-3464.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">news&#45;feed</text>
+<title>cluster_src/app/features/missions</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M340.5,-3888C340.5,-3888 816.5,-3888 816.5,-3888 822.5,-3888 828.5,-3894 828.5,-3900 828.5,-3900 828.5,-3958 828.5,-3958 828.5,-3964 822.5,-3970 816.5,-3970 816.5,-3970 340.5,-3970 340.5,-3970 334.5,-3970 328.5,-3964 328.5,-3958 328.5,-3958 328.5,-3900 328.5,-3900 328.5,-3894 334.5,-3888 340.5,-3888"/>
+<text text-anchor="middle" x="578.5" y="-3958.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">missions</text>
 </g>
 <g id="clust37" class="cluster">
-<title>cluster_src/app/features/news&#45;feed/components</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M475.5,-3304C475.5,-3304 828.5,-3304 828.5,-3304 834.5,-3304 840.5,-3310 840.5,-3316 840.5,-3316 840.5,-3438 840.5,-3438 840.5,-3444 834.5,-3450 828.5,-3450 828.5,-3450 475.5,-3450 475.5,-3450 469.5,-3450 463.5,-3444 463.5,-3438 463.5,-3438 463.5,-3316 463.5,-3316 463.5,-3310 469.5,-3304 475.5,-3304"/>
-<text text-anchor="middle" x="652" y="-3438.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
+<title>cluster_src/app/features/news&#45;feed</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M467.5,-4442C467.5,-4442 1015.5,-4442 1015.5,-4442 1021.5,-4442 1027.5,-4448 1027.5,-4454 1027.5,-4454 1027.5,-4666 1027.5,-4666 1027.5,-4672 1021.5,-4678 1015.5,-4678 1015.5,-4678 467.5,-4678 467.5,-4678 461.5,-4678 455.5,-4672 455.5,-4666 455.5,-4666 455.5,-4454 455.5,-4454 455.5,-4448 461.5,-4442 467.5,-4442"/>
+<text text-anchor="middle" x="741.5" y="-4666.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">news&#45;feed</text>
 </g>
 <g id="clust38" class="cluster">
-<title>cluster_src/app/features/news&#45;feed/components/news&#45;card</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M483.5,-3312C483.5,-3312 820.5,-3312 820.5,-3312 826.5,-3312 832.5,-3318 832.5,-3324 832.5,-3324 832.5,-3352 832.5,-3352 832.5,-3358 826.5,-3364 820.5,-3364 820.5,-3364 483.5,-3364 483.5,-3364 477.5,-3364 471.5,-3358 471.5,-3352 471.5,-3352 471.5,-3324 471.5,-3324 471.5,-3318 477.5,-3312 483.5,-3312"/>
-<text text-anchor="middle" x="652" y="-3352.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">news&#45;card</text>
+<title>cluster_src/app/features/news&#45;feed/components</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M475.5,-4506C475.5,-4506 828.5,-4506 828.5,-4506 834.5,-4506 840.5,-4512 840.5,-4518 840.5,-4518 840.5,-4640 840.5,-4640 840.5,-4646 834.5,-4652 828.5,-4652 828.5,-4652 475.5,-4652 475.5,-4652 469.5,-4652 463.5,-4646 463.5,-4640 463.5,-4640 463.5,-4518 463.5,-4518 463.5,-4512 469.5,-4506 475.5,-4506"/>
+<text text-anchor="middle" x="652" y="-4640.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
 </g>
 <g id="clust39" class="cluster">
-<title>cluster_src/app/features/news&#45;feed/components/news&#45;list</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M487,-3372C487,-3372 817,-3372 817,-3372 823,-3372 829,-3378 829,-3384 829,-3384 829,-3412 829,-3412 829,-3418 823,-3424 817,-3424 817,-3424 487,-3424 487,-3424 481,-3424 475,-3418 475,-3412 475,-3412 475,-3384 475,-3384 475,-3378 481,-3372 487,-3372"/>
-<text text-anchor="middle" x="652" y="-3412.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">news&#45;list</text>
+<title>cluster_src/app/features/news&#45;feed/components/news&#45;card</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M483.5,-4514C483.5,-4514 820.5,-4514 820.5,-4514 826.5,-4514 832.5,-4520 832.5,-4526 832.5,-4526 832.5,-4554 832.5,-4554 832.5,-4560 826.5,-4566 820.5,-4566 820.5,-4566 483.5,-4566 483.5,-4566 477.5,-4566 471.5,-4560 471.5,-4554 471.5,-4554 471.5,-4526 471.5,-4526 471.5,-4520 477.5,-4514 483.5,-4514"/>
+<text text-anchor="middle" x="652" y="-4554.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">news&#45;card</text>
 </g>
 <g id="clust40" class="cluster">
-<title>cluster_src/app/features/news&#45;feed/models</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M921.5,-3274C921.5,-3274 989.5,-3274 989.5,-3274 995.5,-3274 1001.5,-3280 1001.5,-3286 1001.5,-3286 1001.5,-3314 1001.5,-3314 1001.5,-3320 995.5,-3326 989.5,-3326 989.5,-3326 921.5,-3326 921.5,-3326 915.5,-3326 909.5,-3320 909.5,-3314 909.5,-3314 909.5,-3286 909.5,-3286 909.5,-3280 915.5,-3274 921.5,-3274"/>
-<text text-anchor="middle" x="955.5" y="-3314.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">models</text>
+<title>cluster_src/app/features/news&#45;feed/components/news&#45;list</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M487,-4574C487,-4574 817,-4574 817,-4574 823,-4574 829,-4580 829,-4586 829,-4586 829,-4614 829,-4614 829,-4620 823,-4626 817,-4626 817,-4626 487,-4626 487,-4626 481,-4626 475,-4620 475,-4614 475,-4614 475,-4586 475,-4586 475,-4580 481,-4574 487,-4574"/>
+<text text-anchor="middle" x="652" y="-4614.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">news&#45;list</text>
 </g>
 <g id="clust41" class="cluster">
-<title>cluster_src/app/features/privacy</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M344,-4892C344,-4892 813,-4892 813,-4892 819,-4892 825,-4898 825,-4904 825,-4904 825,-4976 825,-4976 825,-4982 819,-4988 813,-4988 813,-4988 344,-4988 344,-4988 338,-4988 332,-4982 332,-4976 332,-4976 332,-4904 332,-4904 332,-4898 338,-4892 344,-4892"/>
-<text text-anchor="middle" x="578.5" y="-4976.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">privacy</text>
+<title>cluster_src/app/features/news&#45;feed/models</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M921.5,-4476C921.5,-4476 989.5,-4476 989.5,-4476 995.5,-4476 1001.5,-4482 1001.5,-4488 1001.5,-4488 1001.5,-4516 1001.5,-4516 1001.5,-4522 995.5,-4528 989.5,-4528 989.5,-4528 921.5,-4528 921.5,-4528 915.5,-4528 909.5,-4522 909.5,-4516 909.5,-4516 909.5,-4488 909.5,-4488 909.5,-4482 915.5,-4476 921.5,-4476"/>
+<text text-anchor="middle" x="955.5" y="-4516.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">models</text>
 </g>
 <g id="clust42" class="cluster">
-<title>cluster_src/app/features/profile</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M465,-2936C465,-2936 1007,-2936 1007,-2936 1013,-2936 1019,-2942 1019,-2948 1019,-2948 1019,-3220 1019,-3220 1019,-3226 1013,-3232 1007,-3232 1007,-3232 465,-3232 465,-3232 459,-3232 453,-3226 453,-3220 453,-3220 453,-2948 453,-2948 453,-2942 459,-2936 465,-2936"/>
-<text text-anchor="middle" x="736" y="-3220.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">profile</text>
+<title>cluster_src/app/features/privacy</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M344,-3784C344,-3784 813,-3784 813,-3784 819,-3784 825,-3790 825,-3796 825,-3796 825,-3868 825,-3868 825,-3874 819,-3880 813,-3880 813,-3880 344,-3880 344,-3880 338,-3880 332,-3874 332,-3868 332,-3868 332,-3796 332,-3796 332,-3790 338,-3784 344,-3784"/>
+<text text-anchor="middle" x="578.5" y="-3868.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">privacy</text>
 </g>
 <g id="clust43" class="cluster">
-<title>cluster_src/app/features/profile/components</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M473,-3000C473,-3000 831,-3000 831,-3000 837,-3000 843,-3006 843,-3012 843,-3012 843,-3194 843,-3194 843,-3200 837,-3206 831,-3206 831,-3206 473,-3206 473,-3206 467,-3206 461,-3200 461,-3194 461,-3194 461,-3012 461,-3012 461,-3006 467,-3000 473,-3000"/>
-<text text-anchor="middle" x="652" y="-3194.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
+<title>cluster_src/app/features/profile</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M465,-4776C465,-4776 1007,-4776 1007,-4776 1013,-4776 1019,-4782 1019,-4788 1019,-4788 1019,-5060 1019,-5060 1019,-5066 1013,-5072 1007,-5072 1007,-5072 465,-5072 465,-5072 459,-5072 453,-5066 453,-5060 453,-5060 453,-4788 453,-4788 453,-4782 459,-4776 465,-4776"/>
+<text text-anchor="middle" x="736" y="-5060.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">profile</text>
 </g>
 <g id="clust44" class="cluster">
-<title>cluster_src/app/features/profile/components/post</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M497,-3008C497,-3008 807,-3008 807,-3008 813,-3008 819,-3014 819,-3020 819,-3020 819,-3048 819,-3048 819,-3054 813,-3060 807,-3060 807,-3060 497,-3060 497,-3060 491,-3060 485,-3054 485,-3048 485,-3048 485,-3020 485,-3020 485,-3014 491,-3008 497,-3008"/>
-<text text-anchor="middle" x="652" y="-3048.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">post</text>
+<title>cluster_src/app/features/profile/components</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M473,-4840C473,-4840 831,-4840 831,-4840 837,-4840 843,-4846 843,-4852 843,-4852 843,-5034 843,-5034 843,-5040 837,-5046 831,-5046 831,-5046 473,-5046 473,-5046 467,-5046 461,-5040 461,-5034 461,-5034 461,-4852 461,-4852 461,-4846 467,-4840 473,-4840"/>
+<text text-anchor="middle" x="652" y="-5034.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
 </g>
 <g id="clust45" class="cluster">
-<title>cluster_src/app/features/profile/components/profile&#45;card</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M481,-3068C481,-3068 823,-3068 823,-3068 829,-3068 835,-3074 835,-3080 835,-3080 835,-3108 835,-3108 835,-3114 829,-3120 823,-3120 823,-3120 481,-3120 481,-3120 475,-3120 469,-3114 469,-3108 469,-3108 469,-3080 469,-3080 469,-3074 475,-3068 481,-3068"/>
-<text text-anchor="middle" x="652" y="-3108.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">profile&#45;card</text>
+<title>cluster_src/app/features/profile/components/post</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M497,-4908C497,-4908 807,-4908 807,-4908 813,-4908 819,-4914 819,-4920 819,-4920 819,-4948 819,-4948 819,-4954 813,-4960 807,-4960 807,-4960 497,-4960 497,-4960 491,-4960 485,-4954 485,-4948 485,-4948 485,-4920 485,-4920 485,-4914 491,-4908 497,-4908"/>
+<text text-anchor="middle" x="652" y="-4948.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">post</text>
 </g>
 <g id="clust46" class="cluster">
-<title>cluster_src/app/features/profile/components/profile&#45;list</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M484.5,-3128C484.5,-3128 819.5,-3128 819.5,-3128 825.5,-3128 831.5,-3134 831.5,-3140 831.5,-3140 831.5,-3168 831.5,-3168 831.5,-3174 825.5,-3180 819.5,-3180 819.5,-3180 484.5,-3180 484.5,-3180 478.5,-3180 472.5,-3174 472.5,-3168 472.5,-3168 472.5,-3140 472.5,-3140 472.5,-3134 478.5,-3128 484.5,-3128"/>
-<text text-anchor="middle" x="652" y="-3168.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">profile&#45;list</text>
+<title>cluster_src/app/features/profile/components/profile&#45;card</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M481,-4848C481,-4848 823,-4848 823,-4848 829,-4848 835,-4854 835,-4860 835,-4860 835,-4888 835,-4888 835,-4894 829,-4900 823,-4900 823,-4900 481,-4900 481,-4900 475,-4900 469,-4894 469,-4888 469,-4888 469,-4860 469,-4860 469,-4854 475,-4848 481,-4848"/>
+<text text-anchor="middle" x="652" y="-4888.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">profile&#45;card</text>
 </g>
 <g id="clust47" class="cluster">
-<title>cluster_src/app/features/register</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M343,-4788C343,-4788 814,-4788 814,-4788 820,-4788 826,-4794 826,-4800 826,-4800 826,-4872 826,-4872 826,-4878 820,-4884 814,-4884 814,-4884 343,-4884 343,-4884 337,-4884 331,-4878 331,-4872 331,-4872 331,-4800 331,-4800 331,-4794 337,-4788 343,-4788"/>
-<text text-anchor="middle" x="578.5" y="-4872.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">register</text>
+<title>cluster_src/app/features/profile/components/profile&#45;list</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M484.5,-4968C484.5,-4968 819.5,-4968 819.5,-4968 825.5,-4968 831.5,-4974 831.5,-4980 831.5,-4980 831.5,-5008 831.5,-5008 831.5,-5014 825.5,-5020 819.5,-5020 819.5,-5020 484.5,-5020 484.5,-5020 478.5,-5020 472.5,-5014 472.5,-5008 472.5,-5008 472.5,-4980 472.5,-4980 472.5,-4974 478.5,-4968 484.5,-4968"/>
+<text text-anchor="middle" x="652" y="-5008.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">profile&#45;list</text>
 </g>
 <g id="clust48" class="cluster">
-<title>cluster_src/app/features/search</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M344.5,-4698C344.5,-4698 812.5,-4698 812.5,-4698 818.5,-4698 824.5,-4704 824.5,-4710 824.5,-4710 824.5,-4768 824.5,-4768 824.5,-4774 818.5,-4780 812.5,-4780 812.5,-4780 344.5,-4780 344.5,-4780 338.5,-4780 332.5,-4774 332.5,-4768 332.5,-4768 332.5,-4710 332.5,-4710 332.5,-4704 338.5,-4698 344.5,-4698"/>
-<text text-anchor="middle" x="578.5" y="-4768.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">search</text>
+<title>cluster_src/app/features/register</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M343,-3680C343,-3680 814,-3680 814,-3680 820,-3680 826,-3686 826,-3692 826,-3692 826,-3764 826,-3764 826,-3770 820,-3776 814,-3776 814,-3776 343,-3776 343,-3776 337,-3776 331,-3770 331,-3764 331,-3764 331,-3692 331,-3692 331,-3686 337,-3680 343,-3680"/>
+<text text-anchor="middle" x="578.5" y="-3764.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">register</text>
 </g>
 <g id="clust49" class="cluster">
-<title>cluster_src/app/features/settings</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M341.5,-4518C341.5,-4518 815.5,-4518 815.5,-4518 821.5,-4518 827.5,-4524 827.5,-4530 827.5,-4530 827.5,-4588 827.5,-4588 827.5,-4594 821.5,-4600 815.5,-4600 815.5,-4600 341.5,-4600 341.5,-4600 335.5,-4600 329.5,-4594 329.5,-4588 329.5,-4588 329.5,-4530 329.5,-4530 329.5,-4524 335.5,-4518 341.5,-4518"/>
-<text text-anchor="middle" x="578.5" y="-4588.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">settings</text>
+<title>cluster_src/app/features/search</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M344.5,-3590C344.5,-3590 812.5,-3590 812.5,-3590 818.5,-3590 824.5,-3596 824.5,-3602 824.5,-3602 824.5,-3660 824.5,-3660 824.5,-3666 818.5,-3672 812.5,-3672 812.5,-3672 344.5,-3672 344.5,-3672 338.5,-3672 332.5,-3666 332.5,-3660 332.5,-3660 332.5,-3602 332.5,-3602 332.5,-3596 338.5,-3590 344.5,-3590"/>
+<text text-anchor="middle" x="578.5" y="-3660.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">search</text>
 </g>
 <g id="clust50" class="cluster">
-<title>cluster_src/app/features/splash</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M345.5,-4414C345.5,-4414 811.5,-4414 811.5,-4414 817.5,-4414 823.5,-4420 823.5,-4426 823.5,-4426 823.5,-4498 823.5,-4498 823.5,-4504 817.5,-4510 811.5,-4510 811.5,-4510 345.5,-4510 345.5,-4510 339.5,-4510 333.5,-4504 333.5,-4498 333.5,-4498 333.5,-4426 333.5,-4426 333.5,-4420 339.5,-4414 345.5,-4414"/>
-<text text-anchor="middle" x="578.5" y="-4498.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">splash</text>
+<title>cluster_src/app/features/settings</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M341.5,-3500C341.5,-3500 815.5,-3500 815.5,-3500 821.5,-3500 827.5,-3506 827.5,-3512 827.5,-3512 827.5,-3570 827.5,-3570 827.5,-3576 821.5,-3582 815.5,-3582 815.5,-3582 341.5,-3582 341.5,-3582 335.5,-3582 329.5,-3576 329.5,-3570 329.5,-3570 329.5,-3512 329.5,-3512 329.5,-3506 335.5,-3500 341.5,-3500"/>
+<text text-anchor="middle" x="578.5" y="-3570.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">settings</text>
 </g>
 <g id="clust51" class="cluster">
-<title>cluster_src/app/features/stats</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M349,-4310C349,-4310 808,-4310 808,-4310 814,-4310 820,-4316 820,-4322 820,-4322 820,-4394 820,-4394 820,-4400 814,-4406 808,-4406 808,-4406 349,-4406 349,-4406 343,-4406 337,-4400 337,-4394 337,-4394 337,-4322 337,-4322 337,-4316 343,-4310 349,-4310"/>
-<text text-anchor="middle" x="578.5" y="-4394.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">stats</text>
+<title>cluster_src/app/features/splash</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M345.5,-3396C345.5,-3396 811.5,-3396 811.5,-3396 817.5,-3396 823.5,-3402 823.5,-3408 823.5,-3408 823.5,-3480 823.5,-3480 823.5,-3486 817.5,-3492 811.5,-3492 811.5,-3492 345.5,-3492 345.5,-3492 339.5,-3492 333.5,-3486 333.5,-3480 333.5,-3480 333.5,-3408 333.5,-3408 333.5,-3402 339.5,-3396 345.5,-3396"/>
+<text text-anchor="middle" x="578.5" y="-3480.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">splash</text>
 </g>
 <g id="clust52" class="cluster">
-<title>cluster_src/app/features/terms</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M346.5,-4116C346.5,-4116 810.5,-4116 810.5,-4116 816.5,-4116 822.5,-4122 822.5,-4128 822.5,-4128 822.5,-4200 822.5,-4200 822.5,-4206 816.5,-4212 810.5,-4212 810.5,-4212 346.5,-4212 346.5,-4212 340.5,-4212 334.5,-4206 334.5,-4200 334.5,-4200 334.5,-4128 334.5,-4128 334.5,-4122 340.5,-4116 346.5,-4116"/>
-<text text-anchor="middle" x="578.5" y="-4200.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">terms</text>
+<title>cluster_src/app/features/stats</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M349,-3292C349,-3292 808,-3292 808,-3292 814,-3292 820,-3298 820,-3304 820,-3304 820,-3376 820,-3376 820,-3382 814,-3388 808,-3388 808,-3388 349,-3388 349,-3388 343,-3388 337,-3382 337,-3376 337,-3376 337,-3304 337,-3304 337,-3298 343,-3292 349,-3292"/>
+<text text-anchor="middle" x="578.5" y="-3376.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">stats</text>
 </g>
 <g id="clust53" class="cluster">
-<title>cluster_src/app/features/the&#45;wire</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M341.5,-4026C341.5,-4026 815.5,-4026 815.5,-4026 821.5,-4026 827.5,-4032 827.5,-4038 827.5,-4038 827.5,-4096 827.5,-4096 827.5,-4102 821.5,-4108 815.5,-4108 815.5,-4108 341.5,-4108 341.5,-4108 335.5,-4108 329.5,-4102 329.5,-4096 329.5,-4096 329.5,-4038 329.5,-4038 329.5,-4032 335.5,-4026 341.5,-4026"/>
-<text text-anchor="middle" x="578.5" y="-4096.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">the&#45;wire</text>
+<title>cluster_src/app/features/terms</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M346.5,-3084C346.5,-3084 810.5,-3084 810.5,-3084 816.5,-3084 822.5,-3090 822.5,-3096 822.5,-3096 822.5,-3168 822.5,-3168 822.5,-3174 816.5,-3180 810.5,-3180 810.5,-3180 346.5,-3180 346.5,-3180 340.5,-3180 334.5,-3174 334.5,-3168 334.5,-3168 334.5,-3096 334.5,-3096 334.5,-3090 340.5,-3084 346.5,-3084"/>
+<text text-anchor="middle" x="578.5" y="-3168.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">terms</text>
 </g>
 <g id="clust54" class="cluster">
-<title>cluster_src/app/shared</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M655,-336C655,-336 1216,-336 1216,-336 1222,-336 1228,-342 1228,-348 1228,-348 1228,-1798 1228,-1798 1228,-1804 1222,-1810 1216,-1810 1216,-1810 655,-1810 655,-1810 649,-1810 643,-1804 643,-1798 643,-1798 643,-348 643,-348 643,-342 649,-336 655,-336"/>
-<text text-anchor="middle" x="935.5" y="-1798.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">shared</text>
+<title>cluster_src/app/features/the&#45;wire</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M341.5,-2994C341.5,-2994 815.5,-2994 815.5,-2994 821.5,-2994 827.5,-3000 827.5,-3006 827.5,-3006 827.5,-3064 827.5,-3064 827.5,-3070 821.5,-3076 815.5,-3076 815.5,-3076 341.5,-3076 341.5,-3076 335.5,-3076 329.5,-3070 329.5,-3064 329.5,-3064 329.5,-3006 329.5,-3006 329.5,-3000 335.5,-2994 341.5,-2994"/>
+<text text-anchor="middle" x="578.5" y="-3064.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">the&#45;wire</text>
 </g>
 <g id="clust55" class="cluster">
-<title>cluster_src/app/shared/components</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M663,-344C663,-344 1040.5,-344 1040.5,-344 1046.5,-344 1052.5,-350 1052.5,-356 1052.5,-356 1052.5,-1532 1052.5,-1532 1052.5,-1538 1046.5,-1544 1040.5,-1544 1040.5,-1544 663,-1544 663,-1544 657,-1544 651,-1538 651,-1532 651,-1532 651,-356 651,-356 651,-350 657,-344 663,-344"/>
-<text text-anchor="middle" x="851.75" y="-1532.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
+<title>cluster_src/app/shared</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M655,-266C655,-266 1216,-266 1216,-266 1222,-266 1228,-272 1228,-278 1228,-278 1228,-1788 1228,-1788 1228,-1794 1222,-1800 1216,-1800 1216,-1800 655,-1800 655,-1800 649,-1800 643,-1794 643,-1788 643,-1788 643,-278 643,-278 643,-272 649,-266 655,-266"/>
+<text text-anchor="middle" x="935.5" y="-1788.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">shared</text>
 </g>
 <g id="clust56" class="cluster">
-<title>cluster_src/app/shared/components/banner</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M695,-1466C695,-1466 1008.5,-1466 1008.5,-1466 1014.5,-1466 1020.5,-1472 1020.5,-1478 1020.5,-1478 1020.5,-1506 1020.5,-1506 1020.5,-1512 1014.5,-1518 1008.5,-1518 1008.5,-1518 695,-1518 695,-1518 689,-1518 683,-1512 683,-1506 683,-1506 683,-1478 683,-1478 683,-1472 689,-1466 695,-1466"/>
-<text text-anchor="middle" x="851.75" y="-1506.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">banner</text>
+<title>cluster_src/app/shared/components</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M663,-274C663,-274 1040.5,-274 1040.5,-274 1046.5,-274 1052.5,-280 1052.5,-286 1052.5,-286 1052.5,-1522 1052.5,-1522 1052.5,-1528 1046.5,-1534 1040.5,-1534 1040.5,-1534 663,-1534 663,-1534 657,-1534 651,-1528 651,-1522 651,-1522 651,-286 651,-286 651,-280 657,-274 663,-274"/>
+<text text-anchor="middle" x="851.75" y="-1522.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">components</text>
 </g>
 <g id="clust57" class="cluster">
-<title>cluster_src/app/shared/components/blog&#45;form</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M689,-1166C689,-1166 1014.5,-1166 1014.5,-1166 1020.5,-1166 1026.5,-1172 1026.5,-1178 1026.5,-1178 1026.5,-1206 1026.5,-1206 1026.5,-1212 1020.5,-1218 1014.5,-1218 1014.5,-1218 689,-1218 689,-1218 683,-1218 677,-1212 677,-1206 677,-1206 677,-1178 677,-1178 677,-1172 683,-1166 689,-1166"/>
-<text text-anchor="middle" x="851.75" y="-1206.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">blog&#45;form</text>
+<title>cluster_src/app/shared/components/banner</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M695,-1456C695,-1456 1008.5,-1456 1008.5,-1456 1014.5,-1456 1020.5,-1462 1020.5,-1468 1020.5,-1468 1020.5,-1496 1020.5,-1496 1020.5,-1502 1014.5,-1508 1008.5,-1508 1008.5,-1508 695,-1508 695,-1508 689,-1508 683,-1502 683,-1496 683,-1496 683,-1468 683,-1468 683,-1462 689,-1456 695,-1456"/>
+<text text-anchor="middle" x="851.75" y="-1496.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">banner</text>
 </g>
 <g id="clust58" class="cluster">
-<title>cluster_src/app/shared/components/button</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M695.5,-532C695.5,-532 1008,-532 1008,-532 1014,-532 1020,-538 1020,-544 1020,-544 1020,-572 1020,-572 1020,-578 1014,-584 1008,-584 1008,-584 695.5,-584 695.5,-584 689.5,-584 683.5,-578 683.5,-572 683.5,-572 683.5,-544 683.5,-544 683.5,-538 689.5,-532 695.5,-532"/>
-<text text-anchor="middle" x="851.75" y="-572.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">button</text>
+<title>cluster_src/app/shared/components/blog&#45;form</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M689,-916C689,-916 1014.5,-916 1014.5,-916 1020.5,-916 1026.5,-922 1026.5,-928 1026.5,-928 1026.5,-956 1026.5,-956 1026.5,-962 1020.5,-968 1014.5,-968 1014.5,-968 689,-968 689,-968 683,-968 677,-962 677,-956 677,-956 677,-928 677,-928 677,-922 683,-916 689,-916"/>
+<text text-anchor="middle" x="851.75" y="-956.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">blog&#45;form</text>
 </g>
 <g id="clust59" class="cluster">
-<title>cluster_src/app/shared/components/calendar&#45;button</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M674.5,-1046C674.5,-1046 1029,-1046 1029,-1046 1035,-1046 1041,-1052 1041,-1058 1041,-1058 1041,-1086 1041,-1086 1041,-1092 1035,-1098 1029,-1098 1029,-1098 674.5,-1098 674.5,-1098 668.5,-1098 662.5,-1092 662.5,-1086 662.5,-1086 662.5,-1058 662.5,-1058 662.5,-1052 668.5,-1046 674.5,-1046"/>
-<text text-anchor="middle" x="851.75" y="-1086.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">calendar&#45;button</text>
+<title>cluster_src/app/shared/components/button</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M695.5,-522C695.5,-522 1008,-522 1008,-522 1014,-522 1020,-528 1020,-534 1020,-534 1020,-562 1020,-562 1020,-568 1014,-574 1008,-574 1008,-574 695.5,-574 695.5,-574 689.5,-574 683.5,-568 683.5,-562 683.5,-562 683.5,-534 683.5,-534 683.5,-528 689.5,-522 695.5,-522"/>
+<text text-anchor="middle" x="851.75" y="-562.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">button</text>
 </g>
 <g id="clust60" class="cluster">
-<title>cluster_src/app/shared/components/editor</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M679.5,-892C679.5,-892 1005.5,-892 1005.5,-892 1011.5,-892 1017.5,-898 1017.5,-904 1017.5,-904 1017.5,-1026 1017.5,-1026 1017.5,-1032 1011.5,-1038 1005.5,-1038 1005.5,-1038 679.5,-1038 679.5,-1038 673.5,-1038 667.5,-1032 667.5,-1026 667.5,-1026 667.5,-904 667.5,-904 667.5,-898 673.5,-892 679.5,-892"/>
-<text text-anchor="middle" x="842.5" y="-1026.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">editor</text>
+<title>cluster_src/app/shared/components/calendar&#45;button</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M674.5,-976C674.5,-976 1029,-976 1029,-976 1035,-976 1041,-982 1041,-988 1041,-988 1041,-1016 1041,-1016 1041,-1022 1035,-1028 1029,-1028 1029,-1028 674.5,-1028 674.5,-1028 668.5,-1028 662.5,-1022 662.5,-1016 662.5,-1016 662.5,-988 662.5,-988 662.5,-982 668.5,-976 674.5,-976"/>
+<text text-anchor="middle" x="851.75" y="-1016.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">calendar&#45;button</text>
 </g>
 <g id="clust61" class="cluster">
-<title>cluster_src/app/shared/components/editor/menu</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M687.5,-926C687.5,-926 832.5,-926 832.5,-926 838.5,-926 844.5,-932 844.5,-938 844.5,-938 844.5,-1000 844.5,-1000 844.5,-1006 838.5,-1012 832.5,-1012 832.5,-1012 687.5,-1012 687.5,-1012 681.5,-1012 675.5,-1006 675.5,-1000 675.5,-1000 675.5,-938 675.5,-938 675.5,-932 681.5,-926 687.5,-926"/>
-<text text-anchor="middle" x="760" y="-1000.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">menu</text>
+<title>cluster_src/app/shared/components/editor</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M679.5,-762C679.5,-762 1005.5,-762 1005.5,-762 1011.5,-762 1017.5,-768 1017.5,-774 1017.5,-774 1017.5,-896 1017.5,-896 1017.5,-902 1011.5,-908 1005.5,-908 1005.5,-908 679.5,-908 679.5,-908 673.5,-908 667.5,-902 667.5,-896 667.5,-896 667.5,-774 667.5,-774 667.5,-768 673.5,-762 679.5,-762"/>
+<text text-anchor="middle" x="842.5" y="-896.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">editor</text>
 </g>
 <g id="clust62" class="cluster">
-<title>cluster_src/app/shared/components/editor/menu/editor&#45;menu</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M695.5,-934C695.5,-934 824.5,-934 824.5,-934 830.5,-934 836.5,-940 836.5,-946 836.5,-946 836.5,-974 836.5,-974 836.5,-980 830.5,-986 824.5,-986 824.5,-986 695.5,-986 695.5,-986 689.5,-986 683.5,-980 683.5,-974 683.5,-974 683.5,-946 683.5,-946 683.5,-940 689.5,-934 695.5,-934"/>
-<text text-anchor="middle" x="760" y="-974.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">editor&#45;menu</text>
+<title>cluster_src/app/shared/components/editor/menu</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M687.5,-796C687.5,-796 832.5,-796 832.5,-796 838.5,-796 844.5,-802 844.5,-808 844.5,-808 844.5,-870 844.5,-870 844.5,-876 838.5,-882 832.5,-882 832.5,-882 687.5,-882 687.5,-882 681.5,-882 675.5,-876 675.5,-870 675.5,-870 675.5,-808 675.5,-808 675.5,-802 681.5,-796 687.5,-796"/>
+<text text-anchor="middle" x="760" y="-870.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">menu</text>
 </g>
 <g id="clust63" class="cluster">
-<title>cluster_src/app/shared/components/event&#45;form</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M686,-832C686,-832 1017.5,-832 1017.5,-832 1023.5,-832 1029.5,-838 1029.5,-844 1029.5,-844 1029.5,-872 1029.5,-872 1029.5,-878 1023.5,-884 1017.5,-884 1017.5,-884 686,-884 686,-884 680,-884 674,-878 674,-872 674,-872 674,-844 674,-844 674,-838 680,-832 686,-832"/>
-<text text-anchor="middle" x="851.75" y="-872.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">event&#45;form</text>
+<title>cluster_src/app/shared/components/editor/menu/editor&#45;menu</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M695.5,-804C695.5,-804 824.5,-804 824.5,-804 830.5,-804 836.5,-810 836.5,-816 836.5,-816 836.5,-844 836.5,-844 836.5,-850 830.5,-856 824.5,-856 824.5,-856 695.5,-856 695.5,-856 689.5,-856 683.5,-850 683.5,-844 683.5,-844 683.5,-816 683.5,-816 683.5,-810 689.5,-804 695.5,-804"/>
+<text text-anchor="middle" x="760" y="-844.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">editor&#45;menu</text>
 </g>
 <g id="clust64" class="cluster">
-<title>cluster_src/app/shared/components/file&#45;select</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M689.5,-712C689.5,-712 1014,-712 1014,-712 1020,-712 1026,-718 1026,-724 1026,-724 1026,-752 1026,-752 1026,-758 1020,-764 1014,-764 1014,-764 689.5,-764 689.5,-764 683.5,-764 677.5,-758 677.5,-752 677.5,-752 677.5,-724 677.5,-724 677.5,-718 683.5,-712 689.5,-712"/>
-<text text-anchor="middle" x="851.75" y="-752.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">file&#45;select</text>
+<title>cluster_src/app/shared/components/event&#45;form</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M686,-1156C686,-1156 1017.5,-1156 1017.5,-1156 1023.5,-1156 1029.5,-1162 1029.5,-1168 1029.5,-1168 1029.5,-1196 1029.5,-1196 1029.5,-1202 1023.5,-1208 1017.5,-1208 1017.5,-1208 686,-1208 686,-1208 680,-1208 674,-1202 674,-1196 674,-1196 674,-1168 674,-1168 674,-1162 680,-1156 686,-1156"/>
+<text text-anchor="middle" x="851.75" y="-1196.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">event&#45;form</text>
 </g>
 <g id="clust65" class="cluster">
-<title>cluster_src/app/shared/components/footer</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M698,-1346C698,-1346 1005.5,-1346 1005.5,-1346 1011.5,-1346 1017.5,-1352 1017.5,-1358 1017.5,-1358 1017.5,-1386 1017.5,-1386 1017.5,-1392 1011.5,-1398 1005.5,-1398 1005.5,-1398 698,-1398 698,-1398 692,-1398 686,-1392 686,-1386 686,-1386 686,-1358 686,-1358 686,-1352 692,-1346 698,-1346"/>
-<text text-anchor="middle" x="851.75" y="-1386.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">footer</text>
+<title>cluster_src/app/shared/components/file&#45;select</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M689.5,-702C689.5,-702 1014,-702 1014,-702 1020,-702 1026,-708 1026,-714 1026,-714 1026,-742 1026,-742 1026,-748 1020,-754 1014,-754 1014,-754 689.5,-754 689.5,-754 683.5,-754 677.5,-748 677.5,-742 677.5,-742 677.5,-714 677.5,-714 677.5,-708 683.5,-702 689.5,-702"/>
+<text text-anchor="middle" x="851.75" y="-742.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">file&#45;select</text>
 </g>
 <g id="clust66" class="cluster">
-<title>cluster_src/app/shared/components/forbidden</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M689,-472C689,-472 1014.5,-472 1014.5,-472 1020.5,-472 1026.5,-478 1026.5,-484 1026.5,-484 1026.5,-512 1026.5,-512 1026.5,-518 1020.5,-524 1014.5,-524 1014.5,-524 689,-524 689,-524 683,-524 677,-518 677,-512 677,-512 677,-484 677,-484 677,-478 683,-472 689,-472"/>
-<text text-anchor="middle" x="851.75" y="-512.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">forbidden</text>
+<title>cluster_src/app/shared/components/footer</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M698,-1096C698,-1096 1005.5,-1096 1005.5,-1096 1011.5,-1096 1017.5,-1102 1017.5,-1108 1017.5,-1108 1017.5,-1136 1017.5,-1136 1017.5,-1142 1011.5,-1148 1005.5,-1148 1005.5,-1148 698,-1148 698,-1148 692,-1148 686,-1142 686,-1136 686,-1136 686,-1108 686,-1108 686,-1102 692,-1096 698,-1096"/>
+<text text-anchor="middle" x="851.75" y="-1136.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">footer</text>
 </g>
 <g id="clust67" class="cluster">
-<title>cluster_src/app/shared/components/header</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M695.5,-1286C695.5,-1286 1008,-1286 1008,-1286 1014,-1286 1020,-1292 1020,-1298 1020,-1298 1020,-1326 1020,-1326 1020,-1332 1014,-1338 1008,-1338 1008,-1338 695.5,-1338 695.5,-1338 689.5,-1338 683.5,-1332 683.5,-1326 683.5,-1326 683.5,-1298 683.5,-1298 683.5,-1292 689.5,-1286 695.5,-1286"/>
-<text text-anchor="middle" x="851.75" y="-1326.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">header</text>
+<title>cluster_src/app/shared/components/forbidden</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M689,-402C689,-402 1014.5,-402 1014.5,-402 1020.5,-402 1026.5,-408 1026.5,-414 1026.5,-414 1026.5,-442 1026.5,-442 1026.5,-448 1020.5,-454 1014.5,-454 1014.5,-454 689,-454 689,-454 683,-454 677,-448 677,-442 677,-442 677,-414 677,-414 677,-408 683,-402 689,-402"/>
+<text text-anchor="middle" x="851.75" y="-442.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">forbidden</text>
 </g>
 <g id="clust68" class="cluster">
-<title>cluster_src/app/shared/components/input</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M698.5,-592C698.5,-592 1005,-592 1005,-592 1011,-592 1017,-598 1017,-604 1017,-604 1017,-632 1017,-632 1017,-638 1011,-644 1005,-644 1005,-644 698.5,-644 698.5,-644 692.5,-644 686.5,-638 686.5,-632 686.5,-632 686.5,-604 686.5,-604 686.5,-598 692.5,-592 698.5,-592"/>
-<text text-anchor="middle" x="851.75" y="-632.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">input</text>
+<title>cluster_src/app/shared/components/header</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M695.5,-1276C695.5,-1276 1008,-1276 1008,-1276 1014,-1276 1020,-1282 1020,-1288 1020,-1288 1020,-1316 1020,-1316 1020,-1322 1014,-1328 1008,-1328 1008,-1328 695.5,-1328 695.5,-1328 689.5,-1328 683.5,-1322 683.5,-1316 683.5,-1316 683.5,-1288 683.5,-1288 683.5,-1282 689.5,-1276 695.5,-1276"/>
+<text text-anchor="middle" x="851.75" y="-1316.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">header</text>
 </g>
 <g id="clust69" class="cluster">
-<title>cluster_src/app/shared/components/language&#45;selector</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M671,-1226C671,-1226 1032.5,-1226 1032.5,-1226 1038.5,-1226 1044.5,-1232 1044.5,-1238 1044.5,-1238 1044.5,-1266 1044.5,-1266 1044.5,-1272 1038.5,-1278 1032.5,-1278 1032.5,-1278 671,-1278 671,-1278 665,-1278 659,-1272 659,-1266 659,-1266 659,-1238 659,-1238 659,-1232 665,-1226 671,-1226"/>
-<text text-anchor="middle" x="851.75" y="-1266.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">language&#45;selector</text>
+<title>cluster_src/app/shared/components/input</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M698.5,-642C698.5,-642 1005,-642 1005,-642 1011,-642 1017,-648 1017,-654 1017,-654 1017,-682 1017,-682 1017,-688 1011,-694 1005,-694 1005,-694 698.5,-694 698.5,-694 692.5,-694 686.5,-688 686.5,-682 686.5,-682 686.5,-654 686.5,-654 686.5,-648 692.5,-642 698.5,-642"/>
+<text text-anchor="middle" x="851.75" y="-682.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">input</text>
 </g>
 <g id="clust70" class="cluster">
-<title>cluster_src/app/shared/components/not&#45;found</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M688.5,-412C688.5,-412 1015,-412 1015,-412 1021,-412 1027,-418 1027,-424 1027,-424 1027,-452 1027,-452 1027,-458 1021,-464 1015,-464 1015,-464 688.5,-464 688.5,-464 682.5,-464 676.5,-458 676.5,-452 676.5,-452 676.5,-424 676.5,-424 676.5,-418 682.5,-412 688.5,-412"/>
-<text text-anchor="middle" x="851.75" y="-452.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">not&#45;found</text>
+<title>cluster_src/app/shared/components/language&#45;selector</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M671,-1216C671,-1216 1032.5,-1216 1032.5,-1216 1038.5,-1216 1044.5,-1222 1044.5,-1228 1044.5,-1228 1044.5,-1256 1044.5,-1256 1044.5,-1262 1038.5,-1268 1032.5,-1268 1032.5,-1268 671,-1268 671,-1268 665,-1268 659,-1262 659,-1256 659,-1256 659,-1228 659,-1228 659,-1222 665,-1216 671,-1216"/>
+<text text-anchor="middle" x="851.75" y="-1256.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">language&#45;selector</text>
 </g>
 <g id="clust71" class="cluster">
-<title>cluster_src/app/shared/components/page&#45;title</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M689.5,-1106C689.5,-1106 1014,-1106 1014,-1106 1020,-1106 1026,-1112 1026,-1118 1026,-1118 1026,-1146 1026,-1146 1026,-1152 1020,-1158 1014,-1158 1014,-1158 689.5,-1158 689.5,-1158 683.5,-1158 677.5,-1152 677.5,-1146 677.5,-1146 677.5,-1118 677.5,-1118 677.5,-1112 683.5,-1106 689.5,-1106"/>
-<text text-anchor="middle" x="851.75" y="-1146.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">page&#45;title</text>
+<title>cluster_src/app/shared/components/list</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M704.5,-462C704.5,-462 999,-462 999,-462 1005,-462 1011,-468 1011,-474 1011,-474 1011,-502 1011,-502 1011,-508 1005,-514 999,-514 999,-514 704.5,-514 704.5,-514 698.5,-514 692.5,-508 692.5,-502 692.5,-502 692.5,-474 692.5,-474 692.5,-468 698.5,-462 704.5,-462"/>
+<text text-anchor="middle" x="851.75" y="-502.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">list</text>
 </g>
 <g id="clust72" class="cluster">
-<title>cluster_src/app/shared/components/poll&#45;form</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M691,-652C691,-652 1012.5,-652 1012.5,-652 1018.5,-652 1024.5,-658 1024.5,-664 1024.5,-664 1024.5,-692 1024.5,-692 1024.5,-698 1018.5,-704 1012.5,-704 1012.5,-704 691,-704 691,-704 685,-704 679,-698 679,-692 679,-692 679,-664 679,-664 679,-658 685,-652 691,-652"/>
-<text text-anchor="middle" x="851.75" y="-692.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">poll&#45;form</text>
+<title>cluster_src/app/shared/components/not&#45;found</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M688.5,-342C688.5,-342 1015,-342 1015,-342 1021,-342 1027,-348 1027,-354 1027,-354 1027,-382 1027,-382 1027,-388 1021,-394 1015,-394 1015,-394 688.5,-394 688.5,-394 682.5,-394 676.5,-388 676.5,-382 676.5,-382 676.5,-354 676.5,-354 676.5,-348 682.5,-342 688.5,-342"/>
+<text text-anchor="middle" x="851.75" y="-382.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">not&#45;found</text>
 </g>
 <g id="clust73" class="cluster">
-<title>cluster_src/app/shared/components/post&#45;form</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M689,-772C689,-772 1014.5,-772 1014.5,-772 1020.5,-772 1026.5,-778 1026.5,-784 1026.5,-784 1026.5,-812 1026.5,-812 1026.5,-818 1020.5,-824 1014.5,-824 1014.5,-824 689,-824 689,-824 683,-824 677,-818 677,-812 677,-812 677,-784 677,-784 677,-778 683,-772 689,-772"/>
-<text text-anchor="middle" x="851.75" y="-812.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">post&#45;form</text>
+<title>cluster_src/app/shared/components/page&#45;title</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M689.5,-1336C689.5,-1336 1014,-1336 1014,-1336 1020,-1336 1026,-1342 1026,-1348 1026,-1348 1026,-1376 1026,-1376 1026,-1382 1020,-1388 1014,-1388 1014,-1388 689.5,-1388 689.5,-1388 683.5,-1388 677.5,-1382 677.5,-1376 677.5,-1376 677.5,-1348 677.5,-1348 677.5,-1342 683.5,-1336 689.5,-1336"/>
+<text text-anchor="middle" x="851.75" y="-1376.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">page&#45;title</text>
 </g>
 <g id="clust74" class="cluster">
-<title>cluster_src/app/shared/components/profile&#45;pic</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M688,-1406C688,-1406 1015.5,-1406 1015.5,-1406 1021.5,-1406 1027.5,-1412 1027.5,-1418 1027.5,-1418 1027.5,-1446 1027.5,-1446 1027.5,-1452 1021.5,-1458 1015.5,-1458 1015.5,-1458 688,-1458 688,-1458 682,-1458 676,-1452 676,-1446 676,-1446 676,-1418 676,-1418 676,-1412 682,-1406 688,-1406"/>
-<text text-anchor="middle" x="851.75" y="-1446.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">profile&#45;pic</text>
+<title>cluster_src/app/shared/components/poll&#45;form</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M691,-582C691,-582 1012.5,-582 1012.5,-582 1018.5,-582 1024.5,-588 1024.5,-594 1024.5,-594 1024.5,-622 1024.5,-622 1024.5,-628 1018.5,-634 1012.5,-634 1012.5,-634 691,-634 691,-634 685,-634 679,-628 679,-622 679,-622 679,-594 679,-594 679,-588 685,-582 691,-582"/>
+<text text-anchor="middle" x="851.75" y="-622.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">poll&#45;form</text>
 </g>
 <g id="clust75" class="cluster">
-<title>cluster_src/app/shared/components/unauthorized</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M680.5,-352C680.5,-352 1023,-352 1023,-352 1029,-352 1035,-358 1035,-364 1035,-364 1035,-392 1035,-392 1035,-398 1029,-404 1023,-404 1023,-404 680.5,-404 680.5,-404 674.5,-404 668.5,-398 668.5,-392 668.5,-392 668.5,-364 668.5,-364 668.5,-358 674.5,-352 680.5,-352"/>
-<text text-anchor="middle" x="851.75" y="-392.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">unauthorized</text>
+<title>cluster_src/app/shared/components/post&#45;form</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M689,-1036C689,-1036 1014.5,-1036 1014.5,-1036 1020.5,-1036 1026.5,-1042 1026.5,-1048 1026.5,-1048 1026.5,-1076 1026.5,-1076 1026.5,-1082 1020.5,-1088 1014.5,-1088 1014.5,-1088 689,-1088 689,-1088 683,-1088 677,-1082 677,-1076 677,-1076 677,-1048 677,-1048 677,-1042 683,-1036 689,-1036"/>
+<text text-anchor="middle" x="851.75" y="-1076.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">post&#45;form</text>
 </g>
 <g id="clust76" class="cluster">
-<title>cluster_src/app/shared/factories</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M1096,-1544C1096,-1544 1206,-1544 1206,-1544 1212,-1544 1218,-1550 1218,-1556 1218,-1556 1218,-1584 1218,-1584 1218,-1590 1212,-1596 1206,-1596 1206,-1596 1096,-1596 1096,-1596 1090,-1596 1084,-1590 1084,-1584 1084,-1584 1084,-1556 1084,-1556 1084,-1550 1090,-1544 1096,-1544"/>
-<text text-anchor="middle" x="1151" y="-1584.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">factories</text>
+<title>cluster_src/app/shared/components/profile&#45;pic</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M688,-1396C688,-1396 1015.5,-1396 1015.5,-1396 1021.5,-1396 1027.5,-1402 1027.5,-1408 1027.5,-1408 1027.5,-1436 1027.5,-1436 1027.5,-1442 1021.5,-1448 1015.5,-1448 1015.5,-1448 688,-1448 688,-1448 682,-1448 676,-1442 676,-1436 676,-1436 676,-1408 676,-1408 676,-1402 682,-1396 688,-1396"/>
+<text text-anchor="middle" x="851.75" y="-1436.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">profile&#45;pic</text>
 </g>
 <g id="clust77" class="cluster">
-<title>cluster_src/app/shared/models</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M1094,-1151C1094,-1151 1208,-1151 1208,-1151 1214,-1151 1220,-1157 1220,-1163 1220,-1163 1220,-1371 1220,-1371 1220,-1377 1214,-1383 1208,-1383 1208,-1383 1094,-1383 1094,-1383 1088,-1383 1082,-1377 1082,-1371 1082,-1371 1082,-1163 1082,-1163 1082,-1157 1088,-1151 1094,-1151"/>
-<text text-anchor="middle" x="1151" y="-1371.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">models</text>
+<title>cluster_src/app/shared/components/unauthorized</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M680.5,-282C680.5,-282 1023,-282 1023,-282 1029,-282 1035,-288 1035,-294 1035,-294 1035,-322 1035,-322 1035,-328 1029,-334 1023,-334 1023,-334 680.5,-334 680.5,-334 674.5,-334 668.5,-328 668.5,-322 668.5,-322 668.5,-294 668.5,-294 668.5,-288 674.5,-282 680.5,-282"/>
+<text text-anchor="middle" x="851.75" y="-322.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">unauthorized</text>
 </g>
 <g id="clust78" class="cluster">
-<title>cluster_src/app/shared/pipes</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M677,-1578C677,-1578 1026.5,-1578 1026.5,-1578 1032.5,-1578 1038.5,-1584 1038.5,-1590 1038.5,-1590 1038.5,-1772 1038.5,-1772 1038.5,-1778 1032.5,-1784 1026.5,-1784 1026.5,-1784 677,-1784 677,-1784 671,-1784 665,-1778 665,-1772 665,-1772 665,-1590 665,-1590 665,-1584 671,-1578 677,-1578"/>
-<text text-anchor="middle" x="851.75" y="-1772.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">pipes</text>
+<title>cluster_src/app/shared/factories</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1096,-1534C1096,-1534 1206,-1534 1206,-1534 1212,-1534 1218,-1540 1218,-1546 1218,-1546 1218,-1574 1218,-1574 1218,-1580 1212,-1586 1206,-1586 1206,-1586 1096,-1586 1096,-1586 1090,-1586 1084,-1580 1084,-1574 1084,-1574 1084,-1546 1084,-1546 1084,-1540 1090,-1534 1096,-1534"/>
+<text text-anchor="middle" x="1151" y="-1574.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">factories</text>
 </g>
 <g id="clust79" class="cluster">
-<title>cluster_src/app/shared/pipes/form&#45;control</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M699,-1586C699,-1586 1004.5,-1586 1004.5,-1586 1010.5,-1586 1016.5,-1592 1016.5,-1598 1016.5,-1598 1016.5,-1626 1016.5,-1626 1016.5,-1632 1010.5,-1638 1004.5,-1638 1004.5,-1638 699,-1638 699,-1638 693,-1638 687,-1632 687,-1626 687,-1626 687,-1598 687,-1598 687,-1592 693,-1586 699,-1586"/>
-<text text-anchor="middle" x="851.75" y="-1626.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">form&#45;control</text>
+<title>cluster_src/app/shared/models</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1094,-1141C1094,-1141 1208,-1141 1208,-1141 1214,-1141 1220,-1147 1220,-1153 1220,-1153 1220,-1361 1220,-1361 1220,-1367 1214,-1373 1208,-1373 1208,-1373 1094,-1373 1094,-1373 1088,-1373 1082,-1367 1082,-1361 1082,-1361 1082,-1153 1082,-1153 1082,-1147 1088,-1141 1094,-1141"/>
+<text text-anchor="middle" x="1151" y="-1361.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">models</text>
 </g>
 <g id="clust80" class="cluster">
-<title>cluster_src/app/shared/pipes/form&#45;group</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M701.5,-1706C701.5,-1706 1002,-1706 1002,-1706 1008,-1706 1014,-1712 1014,-1718 1014,-1718 1014,-1746 1014,-1746 1014,-1752 1008,-1758 1002,-1758 1002,-1758 701.5,-1758 701.5,-1758 695.5,-1758 689.5,-1752 689.5,-1746 689.5,-1746 689.5,-1718 689.5,-1718 689.5,-1712 695.5,-1706 701.5,-1706"/>
-<text text-anchor="middle" x="851.75" y="-1746.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">form&#45;group</text>
+<title>cluster_src/app/shared/pipes</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M677,-1568C677,-1568 1026.5,-1568 1026.5,-1568 1032.5,-1568 1038.5,-1574 1038.5,-1580 1038.5,-1580 1038.5,-1762 1038.5,-1762 1038.5,-1768 1032.5,-1774 1026.5,-1774 1026.5,-1774 677,-1774 677,-1774 671,-1774 665,-1768 665,-1762 665,-1762 665,-1580 665,-1580 665,-1574 671,-1568 677,-1568"/>
+<text text-anchor="middle" x="851.75" y="-1762.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">pipes</text>
 </g>
 <g id="clust81" class="cluster">
-<title>cluster_src/app/shared/pipes/truncate&#45;file&#45;name</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M685,-1646C685,-1646 1018.5,-1646 1018.5,-1646 1024.5,-1646 1030.5,-1652 1030.5,-1658 1030.5,-1658 1030.5,-1686 1030.5,-1686 1030.5,-1692 1024.5,-1698 1018.5,-1698 1018.5,-1698 685,-1698 685,-1698 679,-1698 673,-1692 673,-1686 673,-1686 673,-1658 673,-1658 673,-1652 679,-1646 685,-1646"/>
-<text text-anchor="middle" x="851.75" y="-1686.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">truncate&#45;file&#45;name</text>
+<title>cluster_src/app/shared/pipes/form&#45;control</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M699,-1576C699,-1576 1004.5,-1576 1004.5,-1576 1010.5,-1576 1016.5,-1582 1016.5,-1588 1016.5,-1588 1016.5,-1616 1016.5,-1616 1016.5,-1622 1010.5,-1628 1004.5,-1628 1004.5,-1628 699,-1628 699,-1628 693,-1628 687,-1622 687,-1616 687,-1616 687,-1588 687,-1588 687,-1582 693,-1576 699,-1576"/>
+<text text-anchor="middle" x="851.75" y="-1616.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">form&#45;control</text>
 </g>
 <g id="clust82" class="cluster">
-<title>cluster_src/assets</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M1102.5,-6218C1102.5,-6218 1377,-6218 1377,-6218 1383,-6218 1389,-6224 1389,-6230 1389,-6230 1389,-6292 1389,-6292 1389,-6298 1383,-6304 1377,-6304 1377,-6304 1102.5,-6304 1102.5,-6304 1096.5,-6304 1090.5,-6298 1090.5,-6292 1090.5,-6292 1090.5,-6230 1090.5,-6230 1090.5,-6224 1096.5,-6218 1102.5,-6218"/>
-<text text-anchor="middle" x="1239.75" y="-6292.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">assets</text>
+<title>cluster_src/app/shared/pipes/form&#45;group</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M701.5,-1696C701.5,-1696 1002,-1696 1002,-1696 1008,-1696 1014,-1702 1014,-1708 1014,-1708 1014,-1736 1014,-1736 1014,-1742 1008,-1748 1002,-1748 1002,-1748 701.5,-1748 701.5,-1748 695.5,-1748 689.5,-1742 689.5,-1736 689.5,-1736 689.5,-1708 689.5,-1708 689.5,-1702 695.5,-1696 701.5,-1696"/>
+<text text-anchor="middle" x="851.75" y="-1736.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">form&#45;group</text>
 </g>
 <g id="clust83" class="cluster">
-<title>cluster_src/assets/i18n</title>
-<path fill="#ffffff" stroke="black" stroke-width="2" d="M1110.5,-6226C1110.5,-6226 1369,-6226 1369,-6226 1375,-6226 1381,-6232 1381,-6238 1381,-6238 1381,-6266 1381,-6266 1381,-6272 1375,-6278 1369,-6278 1369,-6278 1110.5,-6278 1110.5,-6278 1104.5,-6278 1098.5,-6272 1098.5,-6266 1098.5,-6266 1098.5,-6238 1098.5,-6238 1098.5,-6232 1104.5,-6226 1110.5,-6226"/>
-<text text-anchor="middle" x="1239.75" y="-6266.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">i18n</text>
+<title>cluster_src/app/shared/pipes/truncate&#45;file&#45;name</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M685,-1636C685,-1636 1018.5,-1636 1018.5,-1636 1024.5,-1636 1030.5,-1642 1030.5,-1648 1030.5,-1648 1030.5,-1676 1030.5,-1676 1030.5,-1682 1024.5,-1688 1018.5,-1688 1018.5,-1688 685,-1688 685,-1688 679,-1688 673,-1682 673,-1676 673,-1676 673,-1648 673,-1648 673,-1642 679,-1636 685,-1636"/>
+<text text-anchor="middle" x="851.75" y="-1676.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">truncate&#45;file&#45;name</text>
 </g>
 <g id="clust84" class="cluster">
+<title>cluster_src/assets</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1102.5,-6276C1102.5,-6276 1377,-6276 1377,-6276 1383,-6276 1389,-6282 1389,-6288 1389,-6288 1389,-6350 1389,-6350 1389,-6356 1383,-6362 1377,-6362 1377,-6362 1102.5,-6362 1102.5,-6362 1096.5,-6362 1090.5,-6356 1090.5,-6350 1090.5,-6350 1090.5,-6288 1090.5,-6288 1090.5,-6282 1096.5,-6276 1102.5,-6276"/>
+<text text-anchor="middle" x="1239.75" y="-6350.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">assets</text>
+</g>
+<g id="clust85" class="cluster">
+<title>cluster_src/assets/i18n</title>
+<path fill="#ffffff" stroke="black" stroke-width="2" d="M1110.5,-6284C1110.5,-6284 1369,-6284 1369,-6284 1375,-6284 1381,-6290 1381,-6296 1381,-6296 1381,-6324 1381,-6324 1381,-6330 1375,-6336 1369,-6336 1369,-6336 1110.5,-6336 1110.5,-6336 1104.5,-6336 1098.5,-6330 1098.5,-6324 1098.5,-6324 1098.5,-6296 1098.5,-6296 1098.5,-6290 1104.5,-6284 1110.5,-6284"/>
+<text text-anchor="middle" x="1239.75" y="-6324.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">i18n</text>
+</g>
+<g id="clust86" class="cluster">
 <title>cluster_src/environments</title>
 <path fill="#ffffff" stroke="black" stroke-width="2" d="M1274.5,-16C1274.5,-16 1376.5,-16 1376.5,-16 1382.5,-16 1388.5,-22 1388.5,-28 1388.5,-28 1388.5,-116 1388.5,-116 1388.5,-122 1382.5,-128 1376.5,-128 1376.5,-128 1274.5,-128 1274.5,-128 1268.5,-128 1262.5,-122 1262.5,-116 1262.5,-116 1262.5,-28 1262.5,-28 1262.5,-22 1268.5,-16 1274.5,-16"/>
 <text text-anchor="middle" x="1325.5" y="-116.8" font-family="Helvetica,sans-Serif" font-weight="bold" font-size="9.00">environments</text>
@@ -433,8 +443,8 @@
 <g id="node1" class="node">
 <title>src/app/app&#45;routing.module.ts</title>
 <g id="a_node1"><a xlink:href="src/app/app-routing.module.ts" xlink:title="app&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M301,-4380C301,-4380 195,-4380 195,-4380 192,-4380 189,-4377 189,-4374 189,-4374 189,-4368 189,-4368 189,-4365 192,-4362 195,-4362 195,-4362 301,-4362 301,-4362 304,-4362 307,-4365 307,-4368 307,-4368 307,-4374 307,-4374 307,-4377 304,-4380 301,-4380"/>
-<text text-anchor="start" x="197" y="-4368.8" font-family="Helvetica,sans-Serif" font-size="9.00">app&#45;routing.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M301,-3810C301,-3810 195,-3810 195,-3810 192,-3810 189,-3807 189,-3804 189,-3804 189,-3798 189,-3798 189,-3795 192,-3792 195,-3792 195,-3792 301,-3792 301,-3792 304,-3792 307,-3795 307,-3798 307,-3798 307,-3804 307,-3804 307,-3807 304,-3810 301,-3810"/>
+<text text-anchor="start" x="197" y="-3798.8" font-family="Helvetica,sans-Serif" font-size="9.00">app&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
@@ -442,542 +452,542 @@
 <g id="node2" class="node">
 <title>src/app/core/constants/routes.constants.ts</title>
 <g id="a_node2"><a xlink:href="src/app/core/constants/routes.constants.ts" xlink:title="routes.constants.ts">
-<path fill="#ddfeff" stroke="black" d="M1001.5,-2860C1001.5,-2860 909.5,-2860 909.5,-2860 906.5,-2860 903.5,-2857 903.5,-2854 903.5,-2854 903.5,-2848 903.5,-2848 903.5,-2845 906.5,-2842 909.5,-2842 909.5,-2842 1001.5,-2842 1001.5,-2842 1004.5,-2842 1007.5,-2845 1007.5,-2848 1007.5,-2848 1007.5,-2854 1007.5,-2854 1007.5,-2857 1004.5,-2860 1001.5,-2860"/>
-<text text-anchor="start" x="911.5" y="-2848.8" font-family="Helvetica,sans-Serif" font-size="9.00">routes.constants.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1001.5,-2890C1001.5,-2890 909.5,-2890 909.5,-2890 906.5,-2890 903.5,-2887 903.5,-2884 903.5,-2884 903.5,-2878 903.5,-2878 903.5,-2875 906.5,-2872 909.5,-2872 909.5,-2872 1001.5,-2872 1001.5,-2872 1004.5,-2872 1007.5,-2875 1007.5,-2878 1007.5,-2878 1007.5,-2884 1007.5,-2884 1007.5,-2887 1004.5,-2890 1001.5,-2890"/>
+<text text-anchor="start" x="911.5" y="-2878.8" font-family="Helvetica,sans-Serif" font-size="9.00">routes.constants.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
 <g id="edge1" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.16,-4361.93C304.55,-4360.75 305.83,-4359.45 307,-4358 312.86,-4350.73 314.4,-3022.32 315,-3013 353.28,-2417.76 196.2,-744.16 643,-349 712.91,-287.17 786.9,-283.11 853,-349 865.2,-361.16 850.29,-2815.52 861,-2829 869.9,-2840.2 883.32,-2846.36 897.25,-2849.61"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="896.94,-2851.69 903.23,-2850.82 897.77,-2847.57 896.94,-2851.69"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.16,-3791.93C304.55,-3790.75 305.83,-3789.45 307,-3788 318.48,-3773.76 313.59,-2489.24 315,-2471 353.04,-1979.94 269.84,-600.47 643,-279 713.71,-218.08 786.9,-213.11 853,-279 865.69,-291.65 849.85,-2844.97 861,-2859 869.9,-2870.2 883.32,-2876.36 897.25,-2879.61"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="896.93,-2881.69 903.23,-2880.83 897.77,-2877.57 896.93,-2881.69"/>
 </g>
 <!-- src/app/core/guards/auth.guard.ts -->
 <g id="node3" class="node">
 <title>src/app/core/guards/auth.guard.ts</title>
 <g id="a_node3"><a xlink:href="src/app/core/guards/auth.guard.ts" xlink:title="auth.guard.ts">
-<path fill="#ddfeff" stroke="black" d="M1184.5,-2610C1184.5,-2610 1117.5,-2610 1117.5,-2610 1114.5,-2610 1111.5,-2607 1111.5,-2604 1111.5,-2604 1111.5,-2598 1111.5,-2598 1111.5,-2595 1114.5,-2592 1117.5,-2592 1117.5,-2592 1184.5,-2592 1184.5,-2592 1187.5,-2592 1190.5,-2595 1190.5,-2598 1190.5,-2598 1190.5,-2604 1190.5,-2604 1190.5,-2607 1187.5,-2610 1184.5,-2610"/>
-<text text-anchor="start" x="1119.5" y="-2598.8" font-family="Helvetica,sans-Serif" font-size="9.00">auth.guard.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1184.5,-2640C1184.5,-2640 1117.5,-2640 1117.5,-2640 1114.5,-2640 1111.5,-2637 1111.5,-2634 1111.5,-2634 1111.5,-2628 1111.5,-2628 1111.5,-2625 1114.5,-2622 1117.5,-2622 1117.5,-2622 1184.5,-2622 1184.5,-2622 1187.5,-2622 1190.5,-2625 1190.5,-2628 1190.5,-2628 1190.5,-2634 1190.5,-2634 1190.5,-2637 1187.5,-2640 1184.5,-2640"/>
+<text text-anchor="start" x="1119.5" y="-2628.8" font-family="Helvetica,sans-Serif" font-size="9.00">auth.guard.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/guards/auth.guard.ts -->
 <g id="edge2" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/guards/auth.guard.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.17,-4361.94C304.55,-4360.76 305.84,-4359.45 307,-4358 324.91,-4335.68 294.84,-257.31 315,-237 336.06,-215.79 829.05,-216.12 853,-234 863.03,-241.49 851.27,-253.13 861,-261 894.18,-287.86 1023.46,-244.71 1052.5,-276 1074.32,-299.52 1039.73,-2561.55 1060.5,-2586 1071.4,-2598.83 1088.8,-2603.57 1105.37,-2604.72"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1105.33,-2606.83 1111.42,-2605 1105.52,-2602.63 1105.33,-2606.83"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.15,-3791.93C304.54,-3790.75 305.83,-3789.45 307,-3788 324.5,-3766.32 305.28,-2811.11 315,-2785 372.44,-2630.77 390.42,-2503 555,-2503 555,-2503 555,-2503 761,-2503 825.89,-2503 1006.05,-2474.69 1052.5,-2520 1067.82,-2534.95 1046,-2600.25 1060.5,-2616 1071.71,-2628.18 1088.79,-2632.89 1105.04,-2634.21"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1105.34,-2636.33 1111.45,-2634.56 1105.57,-2632.13 1105.34,-2636.33"/>
 </g>
 <!-- src/app/core/guards/interceptor.guard.ts -->
 <g id="node4" class="node">
 <title>src/app/core/guards/interceptor.guard.ts</title>
 <g id="a_node4"><a xlink:href="src/app/core/guards/interceptor.guard.ts" xlink:title="interceptor.guard.ts">
-<path fill="#ddfeff" stroke="black" d="M1198.5,-2550C1198.5,-2550 1103.5,-2550 1103.5,-2550 1100.5,-2550 1097.5,-2547 1097.5,-2544 1097.5,-2544 1097.5,-2538 1097.5,-2538 1097.5,-2535 1100.5,-2532 1103.5,-2532 1103.5,-2532 1198.5,-2532 1198.5,-2532 1201.5,-2532 1204.5,-2535 1204.5,-2538 1204.5,-2538 1204.5,-2544 1204.5,-2544 1204.5,-2547 1201.5,-2550 1198.5,-2550"/>
-<text text-anchor="start" x="1105.5" y="-2538.8" font-family="Helvetica,sans-Serif" font-size="9.00">interceptor.guard.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1198.5,-2580C1198.5,-2580 1103.5,-2580 1103.5,-2580 1100.5,-2580 1097.5,-2577 1097.5,-2574 1097.5,-2574 1097.5,-2568 1097.5,-2568 1097.5,-2565 1100.5,-2562 1103.5,-2562 1103.5,-2562 1198.5,-2562 1198.5,-2562 1201.5,-2562 1204.5,-2565 1204.5,-2568 1204.5,-2568 1204.5,-2574 1204.5,-2574 1204.5,-2577 1201.5,-2580 1198.5,-2580"/>
+<text text-anchor="start" x="1105.5" y="-2568.8" font-family="Helvetica,sans-Serif" font-size="9.00">interceptor.guard.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/guards/interceptor.guard.ts -->
 <g id="edge3" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/guards/interceptor.guard.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.17,-4361.94C304.55,-4360.76 305.84,-4359.45 307,-4358 325.04,-4335.51 294.59,-226.37 315,-206 325.58,-195.44 841.22,-196.8 853,-206 864.56,-215.02 849.68,-228.68 861,-238 877.45,-251.55 1037.8,-232.57 1052.5,-248 1074.25,-270.84 1041,-2494.21 1060.5,-2519 1068.15,-2528.73 1079.35,-2534.58 1091.25,-2538.02"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1090.81,-2540.08 1097.14,-2539.52 1091.84,-2536.01 1090.81,-2540.08"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.16,-3791.93C304.55,-3790.75 305.83,-3789.45 307,-3788 318.31,-3773.96 302.62,-2503.1 315,-2490 388.42,-2412.33 448.13,-2475 555,-2475 555,-2475 555,-2475 761,-2475 890.57,-2475 956.49,-2392.99 1052.5,-2480 1063.94,-2490.37 1050.29,-2537.42 1060.5,-2549 1068.59,-2558.18 1079.84,-2563.84 1091.63,-2567.26"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1091.12,-2569.3 1097.45,-2568.77 1092.17,-2565.23 1091.12,-2569.3"/>
 </g>
 <!-- src/app/core/guards/login.guard.ts -->
 <g id="node5" class="node">
 <title>src/app/core/guards/login.guard.ts</title>
 <g id="a_node5"><a xlink:href="src/app/core/guards/login.guard.ts" xlink:title="login.guard.ts">
-<path fill="#ddfeff" stroke="black" d="M1185,-2640C1185,-2640 1117,-2640 1117,-2640 1114,-2640 1111,-2637 1111,-2634 1111,-2634 1111,-2628 1111,-2628 1111,-2625 1114,-2622 1117,-2622 1117,-2622 1185,-2622 1185,-2622 1188,-2622 1191,-2625 1191,-2628 1191,-2628 1191,-2634 1191,-2634 1191,-2637 1188,-2640 1185,-2640"/>
-<text text-anchor="start" x="1119" y="-2628.8" font-family="Helvetica,sans-Serif" font-size="9.00">login.guard.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1185,-2670C1185,-2670 1117,-2670 1117,-2670 1114,-2670 1111,-2667 1111,-2664 1111,-2664 1111,-2658 1111,-2658 1111,-2655 1114,-2652 1117,-2652 1117,-2652 1185,-2652 1185,-2652 1188,-2652 1191,-2655 1191,-2658 1191,-2658 1191,-2664 1191,-2664 1191,-2667 1188,-2670 1185,-2670"/>
+<text text-anchor="start" x="1119" y="-2658.8" font-family="Helvetica,sans-Serif" font-size="9.00">login.guard.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/guards/login.guard.ts -->
 <g id="edge4" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/guards/login.guard.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.17,-4361.94C304.55,-4360.76 305.84,-4359.45 307,-4358 324.79,-4335.82 295.84,-285.01 315,-264 356.51,-218.48 391.49,-254.38 453,-251 497.38,-248.56 817.39,-221.41 853,-248 863.03,-255.49 852.51,-265.8 861,-275 922.86,-342.07 1000.77,-273.84 1052.5,-349 1070.35,-374.94 1040.12,-2592 1060.5,-2616 1071.31,-2628.73 1088.51,-2633.49 1104.95,-2634.69"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1104.87,-2636.79 1110.97,-2634.99 1105.08,-2632.6 1104.87,-2636.79"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.15,-3791.93C304.54,-3790.75 305.83,-3789.44 307,-3788 320.92,-3770.79 305.29,-3010.9 315,-2991 451.09,-2712.17 568.12,-2658.41 861,-2556 941.34,-2527.91 989.71,-2498.54 1052.5,-2556 1067.31,-2569.55 1046.86,-2631.26 1060.5,-2646 1071.55,-2657.94 1088.26,-2662.69 1104.25,-2664.11"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1104.45,-2666.22 1110.57,-2664.5 1104.71,-2662.03 1104.45,-2666.22"/>
 </g>
 <!-- src/app/core/guards/redirect.guard.ts -->
 <g id="node6" class="node">
 <title>src/app/core/guards/redirect.guard.ts</title>
 <g id="a_node6"><a xlink:href="src/app/core/guards/redirect.guard.ts" xlink:title="redirect.guard.ts">
-<path fill="#ddfeff" stroke="black" d="M1191.5,-2580C1191.5,-2580 1110.5,-2580 1110.5,-2580 1107.5,-2580 1104.5,-2577 1104.5,-2574 1104.5,-2574 1104.5,-2568 1104.5,-2568 1104.5,-2565 1107.5,-2562 1110.5,-2562 1110.5,-2562 1191.5,-2562 1191.5,-2562 1194.5,-2562 1197.5,-2565 1197.5,-2568 1197.5,-2568 1197.5,-2574 1197.5,-2574 1197.5,-2577 1194.5,-2580 1191.5,-2580"/>
-<text text-anchor="start" x="1112.5" y="-2568.8" font-family="Helvetica,sans-Serif" font-size="9.00">redirect.guard.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1191.5,-2610C1191.5,-2610 1110.5,-2610 1110.5,-2610 1107.5,-2610 1104.5,-2607 1104.5,-2604 1104.5,-2604 1104.5,-2598 1104.5,-2598 1104.5,-2595 1107.5,-2592 1110.5,-2592 1110.5,-2592 1191.5,-2592 1191.5,-2592 1194.5,-2592 1197.5,-2595 1197.5,-2598 1197.5,-2598 1197.5,-2604 1197.5,-2604 1197.5,-2607 1194.5,-2610 1191.5,-2610"/>
+<text text-anchor="start" x="1112.5" y="-2598.8" font-family="Helvetica,sans-Serif" font-size="9.00">redirect.guard.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/guards/redirect.guard.ts -->
 <g id="edge5" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/guards/redirect.guard.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.17,-4361.94C304.55,-4360.76 305.84,-4359.45 307,-4358 324.98,-4335.59 294.66,-240.3 315,-220 336.16,-198.89 829.05,-202.12 853,-220 863.03,-227.49 851.27,-239.13 861,-247 894.18,-273.86 1023.46,-230.71 1052.5,-262 1074.17,-285.35 1039.87,-2531.72 1060.5,-2556 1069.87,-2567.03 1084.04,-2572.08 1098.36,-2574.01"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1098.31,-2576.12 1104.5,-2574.66 1098.75,-2571.94 1098.31,-2576.12"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.16,-3791.93C304.55,-3790.75 305.83,-3789.45 307,-3788 328.91,-3760.81 293.1,-2558.19 315,-2531 348.97,-2488.83 500.86,-2489 555,-2489 555,-2489 555,-2489 761,-2489 793.39,-2489 1028.81,-2471.9 1052.5,-2494 1067.51,-2508 1046.58,-2570.93 1060.5,-2586 1070.13,-2596.43 1084.08,-2601.38 1098.1,-2603.41"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1097.9,-2605.5 1104.11,-2604.1 1098.39,-2601.32 1097.9,-2605.5"/>
 </g>
 <!-- src/app/core/services/translations.service.ts -->
 <g id="node7" class="node">
 <title>src/app/core/services/translations.service.ts</title>
 <g id="a_node7"><a xlink:href="src/app/core/services/translations.service.ts" xlink:title="translations.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1202.5,-2430C1202.5,-2430 1099.5,-2430 1099.5,-2430 1096.5,-2430 1093.5,-2427 1093.5,-2424 1093.5,-2424 1093.5,-2418 1093.5,-2418 1093.5,-2415 1096.5,-2412 1099.5,-2412 1099.5,-2412 1202.5,-2412 1202.5,-2412 1205.5,-2412 1208.5,-2415 1208.5,-2418 1208.5,-2418 1208.5,-2424 1208.5,-2424 1208.5,-2427 1205.5,-2430 1202.5,-2430"/>
-<text text-anchor="start" x="1101.5" y="-2418.8" font-family="Helvetica,sans-Serif" font-size="9.00">translations.service.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1202.5,-2460C1202.5,-2460 1099.5,-2460 1099.5,-2460 1096.5,-2460 1093.5,-2457 1093.5,-2454 1093.5,-2454 1093.5,-2448 1093.5,-2448 1093.5,-2445 1096.5,-2442 1099.5,-2442 1099.5,-2442 1202.5,-2442 1202.5,-2442 1205.5,-2442 1208.5,-2445 1208.5,-2448 1208.5,-2448 1208.5,-2454 1208.5,-2454 1208.5,-2457 1205.5,-2460 1202.5,-2460"/>
+<text text-anchor="start" x="1101.5" y="-2448.8" font-family="Helvetica,sans-Serif" font-size="9.00">translations.service.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/services/translations.service.ts -->
 <g id="edge6" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.12,-4380.09C250.62,-4491.45 266.59,-5589.05 315,-5635 418.15,-5732.91 534.36,-5735.49 635,-5635 647.99,-5622.03 630.01,-361.97 643,-349 707.4,-284.7 988.03,-284.78 1052.5,-349 1072.74,-369.16 1042,-2384.23 1060.5,-2406 1067.41,-2414.13 1076.92,-2419.01 1087.18,-2421.79"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.98,-2423.89 1093.29,-2423.19 1087.92,-2419.8 1086.98,-2423.89"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.09,-3810.45C250.61,-3967.47 271.46,-6029.7 315,-6072 356.44,-6112.26 387.44,-6076.96 445,-6072 487.7,-6068.32 607.37,-6071.76 635,-6039 648.65,-6022.82 639.33,-3011.85 643,-2991 692.55,-2709.94 627.44,-2551.01 861,-2387 930.65,-2338.09 987.65,-2331.88 1052.5,-2387 1069.31,-2401.29 1044.93,-2420.36 1060.5,-2436 1067.84,-2443.37 1077.35,-2447.94 1087.42,-2450.66"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.08,-2452.74 1093.4,-2452.05 1088.04,-2448.64 1087.08,-2452.74"/>
 </g>
 <!-- src/app/features/about/about.module.ts -->
 <g id="node8" class="node">
 <title>src/app/features/about/about.module.ts</title>
 <g id="a_node8"><a xlink:href="src/app/features/about/about.module.ts" xlink:title="about.module.ts">
-<path fill="#ddfeff" stroke="black" d="M427.5,-5584C427.5,-5584 348.5,-5584 348.5,-5584 345.5,-5584 342.5,-5581 342.5,-5578 342.5,-5578 342.5,-5572 342.5,-5572 342.5,-5569 345.5,-5566 348.5,-5566 348.5,-5566 427.5,-5566 427.5,-5566 430.5,-5566 433.5,-5569 433.5,-5572 433.5,-5572 433.5,-5578 433.5,-5578 433.5,-5581 430.5,-5584 427.5,-5584"/>
-<text text-anchor="start" x="350.5" y="-5572.8" font-family="Helvetica,sans-Serif" font-size="9.00">about.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M427.5,-5966C427.5,-5966 348.5,-5966 348.5,-5966 345.5,-5966 342.5,-5963 342.5,-5960 342.5,-5960 342.5,-5954 342.5,-5954 342.5,-5951 345.5,-5948 348.5,-5948 348.5,-5948 427.5,-5948 427.5,-5948 430.5,-5948 433.5,-5951 433.5,-5954 433.5,-5954 433.5,-5960 433.5,-5960 433.5,-5963 430.5,-5966 427.5,-5966"/>
+<text text-anchor="start" x="350.5" y="-5954.8" font-family="Helvetica,sans-Serif" font-size="9.00">about.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/about/about.module.ts -->
 <g id="edge7" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/about/about.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.01,-4380.09C249.16,-4482.95 252.3,-5426.3 315,-5531 322.43,-5543.41 334.83,-5552.79 347.27,-5559.63"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="353.73,-5565.12 360.04,-5565.86 355.57,-5561.35 353.73,-5565.12"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="354.65,-5563.23 351.95,-5561.92 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="349.8" cy="-5560.86" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.13,-3810.37C250.87,-3932.92 270.09,-5222.54 315,-5601 330.11,-5728.36 366.66,-5878.08 381.04,-5934.22"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="381.01,-5942.46 384.55,-5947.74 385.07,-5941.4 381.01,-5942.46"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="383.04,-5941.93 382.29,-5939.03 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="381.69" cy="-5936.7" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/blog/blog.module.ts -->
 <g id="node9" class="node">
 <title>src/app/features/blog/blog.module.ts</title>
 <g id="a_node9"><a xlink:href="src/app/features/blog/blog.module.ts" xlink:title="blog.module.ts">
-<path fill="#ddfeff" stroke="black" d="M424,-5472C424,-5472 352,-5472 352,-5472 349,-5472 346,-5469 346,-5466 346,-5466 346,-5460 346,-5460 346,-5457 349,-5454 352,-5454 352,-5454 424,-5454 424,-5454 427,-5454 430,-5457 430,-5460 430,-5460 430,-5466 430,-5466 430,-5469 427,-5472 424,-5472"/>
-<text text-anchor="start" x="354" y="-5460.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M424,-5542C424,-5542 352,-5542 352,-5542 349,-5542 346,-5539 346,-5536 346,-5536 346,-5530 346,-5530 346,-5527 349,-5524 352,-5524 352,-5524 424,-5524 424,-5524 427,-5524 430,-5527 430,-5530 430,-5530 430,-5536 430,-5536 430,-5539 427,-5542 424,-5542"/>
+<text text-anchor="start" x="354" y="-5530.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/blog/blog.module.ts -->
 <g id="edge8" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/blog/blog.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M248.94,-4380.06C248.38,-4478.78 245.4,-5352.78 315,-5441 319.65,-5446.89 325.83,-5451.24 332.63,-5454.46"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="339.4,-5459.14 345.76,-5459.21 340.83,-5455.19 339.4,-5459.14"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="340.12,-5457.17 337.3,-5456.15 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="335.04" cy="-5455.33" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M248.93,-3810.24C248.41,-3898.5 246.59,-4601.32 315,-5165 331.06,-5297.32 367.49,-5453.39 381.43,-5510.57"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="381.26,-5518.65 384.73,-5523.97 385.33,-5517.65 381.26,-5518.65"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="383.3,-5518.15 382.58,-5515.23 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="382" cy="-5512.9" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/bookmarks/bookmarks.module.ts -->
 <g id="node10" class="node">
 <title>src/app/features/bookmarks/bookmarks.module.ts</title>
 <g id="a_node10"><a xlink:href="src/app/features/bookmarks/bookmarks.module.ts" xlink:title="bookmarks.module.ts">
-<path fill="#ddfeff" stroke="black" d="M439,-5382C439,-5382 337,-5382 337,-5382 334,-5382 331,-5379 331,-5376 331,-5376 331,-5370 331,-5370 331,-5367 334,-5364 337,-5364 337,-5364 439,-5364 439,-5364 442,-5364 445,-5367 445,-5370 445,-5370 445,-5376 445,-5376 445,-5379 442,-5382 439,-5382"/>
-<text text-anchor="start" x="339" y="-5370.8" font-family="Helvetica,sans-Serif" font-size="9.00">bookmarks.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M439,-5106C439,-5106 337,-5106 337,-5106 334,-5106 331,-5103 331,-5100 331,-5100 331,-5094 331,-5094 331,-5091 334,-5088 337,-5088 337,-5088 439,-5088 439,-5088 442,-5088 445,-5091 445,-5094 445,-5094 445,-5100 445,-5100 445,-5103 442,-5106 439,-5106"/>
+<text text-anchor="start" x="339" y="-5094.8" font-family="Helvetica,sans-Serif" font-size="9.00">bookmarks.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/bookmarks/bookmarks.module.ts -->
 <g id="edge9" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/bookmarks/bookmarks.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249,-4380.16C249.03,-4474.7 251.21,-5270.6 315,-5351 316.37,-5352.73 317.87,-5354.32 319.49,-5355.8"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="325.3,-5362.24 331.45,-5363.85 327.65,-5358.76 325.3,-5362.24"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="326.48,-5360.5 323.99,-5358.83 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="322" cy="-5357.49" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.1,-3810.15C250.03,-3882.95 258.25,-4375.86 315,-4771 331.58,-4886.41 366.56,-5021.74 380.79,-5074.42"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="380.82,-5082.52 384.42,-5087.76 384.87,-5081.42 380.82,-5082.52"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="382.85,-5081.97 382.06,-5079.07 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="381.42" cy="-5076.76" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/dashboard/dashboard.module.ts -->
 <g id="node11" class="node">
 <title>src/app/features/dashboard/dashboard.module.ts</title>
 <g id="a_node11"><a xlink:href="src/app/features/dashboard/dashboard.module.ts" xlink:title="dashboard.module.ts">
-<path fill="#ddfeff" stroke="black" d="M438.5,-5022C438.5,-5022 337.5,-5022 337.5,-5022 334.5,-5022 331.5,-5019 331.5,-5016 331.5,-5016 331.5,-5010 331.5,-5010 331.5,-5007 334.5,-5004 337.5,-5004 337.5,-5004 438.5,-5004 438.5,-5004 441.5,-5004 444.5,-5007 444.5,-5010 444.5,-5010 444.5,-5016 444.5,-5016 444.5,-5019 441.5,-5022 438.5,-5022"/>
-<text text-anchor="start" x="339.5" y="-5010.8" font-family="Helvetica,sans-Serif" font-size="9.00">dashboard.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M438.5,-4712C438.5,-4712 337.5,-4712 337.5,-4712 334.5,-4712 331.5,-4709 331.5,-4706 331.5,-4706 331.5,-4700 331.5,-4700 331.5,-4697 334.5,-4694 337.5,-4694 337.5,-4694 438.5,-4694 438.5,-4694 441.5,-4694 444.5,-4697 444.5,-4700 444.5,-4700 444.5,-4706 444.5,-4706 444.5,-4709 441.5,-4712 438.5,-4712"/>
+<text text-anchor="start" x="339.5" y="-4700.8" font-family="Helvetica,sans-Serif" font-size="9.00">dashboard.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/dashboard/dashboard.module.ts -->
 <g id="edge10" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/dashboard/dashboard.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.38,-4380.38C252.46,-4454.34 274.25,-4941.65 315,-4991 316.57,-4992.91 318.31,-4994.65 320.17,-4996.25"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="325.82,-5002.38 332.01,-5003.86 328.1,-4998.85 325.82,-5002.38"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="326.96,-5000.62 324.44,-4998.99 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="322.42" cy="-4997.69" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.39,-3810.05C251.97,-3867.18 267.91,-4183.8 315,-4437 332.1,-4528.92 365.05,-4635.52 379.69,-4680.81"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="380.11,-4688.88 383.97,-4693.93 384.11,-4687.58 380.11,-4688.88"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="382.11,-4688.23 381.18,-4685.38 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="380.43" cy="-4683.1" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/events/events.module.ts -->
 <g id="node12" class="node">
 <title>src/app/features/events/events.module.ts</title>
 <g id="a_node12"><a xlink:href="src/app/features/events/events.module.ts" xlink:title="events.module.ts">
-<path fill="#ddfeff" stroke="black" d="M597.5,-3794C597.5,-3794 514.5,-3794 514.5,-3794 511.5,-3794 508.5,-3791 508.5,-3788 508.5,-3788 508.5,-3782 508.5,-3782 508.5,-3779 511.5,-3776 514.5,-3776 514.5,-3776 597.5,-3776 597.5,-3776 600.5,-3776 603.5,-3779 603.5,-3782 603.5,-3782 603.5,-3788 603.5,-3788 603.5,-3791 600.5,-3794 597.5,-3794"/>
-<text text-anchor="start" x="516.5" y="-3782.8" font-family="Helvetica,sans-Serif" font-size="9.00">events.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M597.5,-5826C597.5,-5826 514.5,-5826 514.5,-5826 511.5,-5826 508.5,-5823 508.5,-5820 508.5,-5820 508.5,-5814 508.5,-5814 508.5,-5811 511.5,-5808 514.5,-5808 514.5,-5808 597.5,-5808 597.5,-5808 600.5,-5808 603.5,-5811 603.5,-5814 603.5,-5814 603.5,-5820 603.5,-5820 603.5,-5823 600.5,-5826 597.5,-5826"/>
+<text text-anchor="start" x="516.5" y="-5814.8" font-family="Helvetica,sans-Serif" font-size="9.00">events.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/events/events.module.ts -->
 <g id="edge11" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/events/events.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.15,-4361.93C304.54,-4360.75 305.83,-4359.44 307,-4358 322.31,-4339.05 297.69,-3498.15 315,-3481 356.04,-3440.33 402.58,-3441.77 445,-3481 453.35,-3488.72 449.94,-3572.05 453,-3583 472.73,-3653.47 517.75,-3728.34 540.81,-3763.89"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="543.66,-3772.02 548.72,-3775.87 547.17,-3769.71 543.66,-3772.02"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.42,-3770.86 543.76,-3768.36 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="542.44" cy="-3766.36" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.09,-3810.4C250.63,-3966.66 271.66,-6018.91 315,-6061 335.72,-6081.13 423.93,-6080.76 445,-6061 455.07,-6051.56 447.82,-5949.8 453,-5937 470.1,-5894.74 508.19,-5856.63 532.67,-5835.19"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="540.23,-5831.54 543.45,-5826.05 537.52,-5828.33 540.23,-5831.54"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="538.87,-5829.93 536.58,-5831.87 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="534.75" cy="-5833.42" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/friends/friends.module.ts -->
 <g id="node13" class="node">
 <title>src/app/features/friends/friends.module.ts</title>
 <g id="a_node13"><a xlink:href="src/app/features/friends/friends.module.ts" xlink:title="friends.module.ts">
-<path fill="#ddfeff" stroke="black" d="M429.5,-4634C429.5,-4634 346.5,-4634 346.5,-4634 343.5,-4634 340.5,-4631 340.5,-4628 340.5,-4628 340.5,-4622 340.5,-4622 340.5,-4619 343.5,-4616 346.5,-4616 346.5,-4616 429.5,-4616 429.5,-4616 432.5,-4616 435.5,-4619 435.5,-4622 435.5,-4622 435.5,-4628 435.5,-4628 435.5,-4631 432.5,-4634 429.5,-4634"/>
-<text text-anchor="start" x="348.5" y="-4622.8" font-family="Helvetica,sans-Serif" font-size="9.00">friends.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M429.5,-4378C429.5,-4378 346.5,-4378 346.5,-4378 343.5,-4378 340.5,-4375 340.5,-4372 340.5,-4372 340.5,-4366 340.5,-4366 340.5,-4363 343.5,-4360 346.5,-4360 346.5,-4360 429.5,-4360 429.5,-4360 432.5,-4360 435.5,-4363 435.5,-4366 435.5,-4366 435.5,-4372 435.5,-4372 435.5,-4375 432.5,-4378 429.5,-4378"/>
+<text text-anchor="start" x="348.5" y="-4366.8" font-family="Helvetica,sans-Serif" font-size="9.00">friends.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/friends/friends.module.ts -->
 <g id="edge12" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/friends/friends.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M248.71,-4380.03C248.14,-4414.29 250.78,-4537.53 315,-4603 318.65,-4606.72 322.9,-4609.81 327.49,-4612.39"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="333.88,-4617.53 340.21,-4618.05 335.59,-4613.69 333.88,-4617.53"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="334.73,-4615.61 331.99,-4614.39 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="329.8" cy="-4613.41" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M248.8,-3810.09C247.55,-3874.44 243.11,-4261.18 315,-4347 318.58,-4351.27 322.97,-4354.73 327.79,-4357.53"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="334.14,-4362.68 340.47,-4363.22 335.86,-4358.85 334.14,-4362.68"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="335,-4360.76 332.26,-4359.54 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="330.07" cy="-4358.56" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/groups/groups.module.ts -->
 <g id="node14" class="node">
 <title>src/app/features/groups/groups.module.ts</title>
 <g id="a_node14"><a xlink:href="src/app/features/groups/groups.module.ts" xlink:title="groups.module.ts">
-<path fill="#ddfeff" stroke="black" d="M802,-5880C802,-5880 718,-5880 718,-5880 715,-5880 712,-5877 712,-5874 712,-5874 712,-5868 712,-5868 712,-5865 715,-5862 718,-5862 718,-5862 802,-5862 802,-5862 805,-5862 808,-5865 808,-5868 808,-5868 808,-5874 808,-5874 808,-5877 805,-5880 802,-5880"/>
-<text text-anchor="start" x="720" y="-5868.8" font-family="Helvetica,sans-Serif" font-size="9.00">groups.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M802,-5432C802,-5432 718,-5432 718,-5432 715,-5432 712,-5429 712,-5426 712,-5426 712,-5420 712,-5420 712,-5417 715,-5414 718,-5414 718,-5414 802,-5414 802,-5414 805,-5414 808,-5417 808,-5420 808,-5420 808,-5426 808,-5426 808,-5429 805,-5432 802,-5432"/>
+<text text-anchor="start" x="720" y="-5420.8" font-family="Helvetica,sans-Serif" font-size="9.00">groups.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/groups/groups.module.ts -->
 <g id="edge13" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/groups/groups.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.01,-4380.22C249.18,-4508.94 252.49,-5942.97 315,-6003 356.67,-6043.02 388.37,-6014.44 445,-6003 534.81,-5984.86 576.87,-5993.82 635,-5923 646.23,-5909.32 629.93,-5895.93 643,-5884 657.76,-5870.52 678.37,-5865.5 698.13,-5864.42"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="705.96,-5866.42 711.93,-5864.25 705.91,-5862.23 705.96,-5866.42"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="705.93,-5864.33 702.93,-5864.36 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="700.53" cy="-5864.39" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.08,-3810.05C250.55,-3964.64 271.05,-6048.3 315,-6091 347.92,-6122.98 615.67,-6095.73 635,-6075 645.65,-6063.58 636.03,-5526.97 643,-5513 660.28,-5478.34 697.91,-5453.12 725.65,-5438.34"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="733.56,-5436.7 737.96,-5432.11 731.66,-5432.95 733.56,-5436.7"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="732.61,-5434.82 729.93,-5436.18 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="727.79" cy="-5437.26" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/home/home.module.ts -->
 <g id="node15" class="node">
 <title>src/app/features/home/home.module.ts</title>
 <g id="a_node15"><a xlink:href="src/app/features/home/home.module.ts" xlink:title="home.module.ts">
-<path fill="#ddfeff" stroke="black" d="M427,-3554C427,-3554 349,-3554 349,-3554 346,-3554 343,-3551 343,-3548 343,-3548 343,-3542 343,-3542 343,-3539 346,-3536 349,-3536 349,-3536 427,-3536 427,-3536 430,-3536 433,-3539 433,-3542 433,-3542 433,-3548 433,-3548 433,-3551 430,-3554 427,-3554"/>
-<text text-anchor="start" x="351" y="-3542.8" font-family="Helvetica,sans-Serif" font-size="9.00">home.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M427,-4048C427,-4048 349,-4048 349,-4048 346,-4048 343,-4045 343,-4042 343,-4042 343,-4036 343,-4036 343,-4033 346,-4030 349,-4030 349,-4030 427,-4030 427,-4030 430,-4030 433,-4033 433,-4036 433,-4036 433,-4042 433,-4042 433,-4045 430,-4048 427,-4048"/>
+<text text-anchor="start" x="351" y="-4036.8" font-family="Helvetica,sans-Serif" font-size="9.00">home.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/home/home.module.ts -->
 <g id="edge14" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/home/home.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.14,-4361.92C304.53,-4360.74 305.83,-4359.44 307,-4358 314.71,-4348.55 313.73,-3931.13 315,-3919 329.08,-3784.35 366.7,-3625.84 381.19,-3567.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="385.2,-3560.5 384.63,-3554.17 381.12,-3559.47 385.2,-3560.5"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="383.16,-3559.98 382.43,-3562.89 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="381.84" cy="-3565.22" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M250.97,-3810.29C257.01,-3837.3 277.21,-3917.48 315,-3973 327.87,-3991.91 347.18,-4009.23 362.56,-4021.37"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="367.8,-4027.98 373.85,-4029.93 370.34,-4024.63 367.8,-4027.98"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="369.07,-4026.31 366.68,-4024.49 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="364.77" cy="-4023.04" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/invite/invite.module.ts -->
 <g id="node16" class="node">
 <title>src/app/features/invite/invite.module.ts</title>
 <g id="a_node16"><a xlink:href="src/app/features/invite/invite.module.ts" xlink:title="invite.module.ts">
-<path fill="#ddfeff" stroke="black" d="M426.5,-4276C426.5,-4276 349.5,-4276 349.5,-4276 346.5,-4276 343.5,-4273 343.5,-4270 343.5,-4270 343.5,-4264 343.5,-4264 343.5,-4261 346.5,-4258 349.5,-4258 349.5,-4258 426.5,-4258 426.5,-4258 429.5,-4258 432.5,-4261 432.5,-4264 432.5,-4264 432.5,-4270 432.5,-4270 432.5,-4273 429.5,-4276 426.5,-4276"/>
-<text text-anchor="start" x="351.5" y="-4264.8" font-family="Helvetica,sans-Serif" font-size="9.00">invite.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M426.5,-4288C426.5,-4288 349.5,-4288 349.5,-4288 346.5,-4288 343.5,-4285 343.5,-4282 343.5,-4282 343.5,-4276 343.5,-4276 343.5,-4273 346.5,-4270 349.5,-4270 349.5,-4270 426.5,-4270 426.5,-4270 429.5,-4270 432.5,-4273 432.5,-4276 432.5,-4276 432.5,-4282 432.5,-4282 432.5,-4285 429.5,-4288 426.5,-4288"/>
+<text text-anchor="start" x="351.5" y="-4276.8" font-family="Helvetica,sans-Serif" font-size="9.00">invite.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/invite/invite.module.ts -->
 <g id="edge15" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/invite/invite.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M302.89,-4361.7C304.35,-4360.58 305.73,-4359.36 307,-4358 322.69,-4341.26 301.86,-4325.81 315,-4307 322.5,-4296.27 333.84,-4288.1 345.32,-4282.03"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="353.59,-4280.48 358.14,-4276.04 351.81,-4276.68 353.59,-4280.48"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="352.7,-4278.58 349.98,-4279.85 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="347.81" cy="-4280.86" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.04,-3810.04C249.45,-3867.92 254.46,-4186.42 315,-4257 319.18,-4261.88 324.41,-4265.69 330.13,-4268.67"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="336.87,-4273.66 343.22,-4273.95 338.45,-4269.76 336.87,-4273.66"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="337.66,-4271.71 334.88,-4270.59 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="332.65" cy="-4269.69" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/login/login.module.ts -->
 <g id="node17" class="node">
 <title>src/app/features/login/login.module.ts</title>
 <g id="a_node17"><a xlink:href="src/app/features/login/login.module.ts" xlink:title="login.module.ts">
-<path fill="#ddfeff" stroke="black" d="M425,-3992C425,-3992 351,-3992 351,-3992 348,-3992 345,-3989 345,-3986 345,-3986 345,-3980 345,-3980 345,-3977 348,-3974 351,-3974 351,-3974 425,-3974 425,-3974 428,-3974 431,-3977 431,-3980 431,-3980 431,-3986 431,-3986 431,-3989 428,-3992 425,-3992"/>
-<text text-anchor="start" x="353" y="-3980.8" font-family="Helvetica,sans-Serif" font-size="9.00">login.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M425,-3247C425,-3247 351,-3247 351,-3247 348,-3247 345,-3244 345,-3241 345,-3241 345,-3235 345,-3235 345,-3232 348,-3229 351,-3229 351,-3229 425,-3229 425,-3229 428,-3229 431,-3232 431,-3235 431,-3235 431,-3241 431,-3241 431,-3244 428,-3247 425,-3247"/>
+<text text-anchor="start" x="353" y="-3235.8" font-family="Helvetica,sans-Serif" font-size="9.00">login.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/login/login.module.ts -->
 <g id="edge16" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/login/login.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.13,-4361.91C304.52,-4360.73 305.82,-4359.44 307,-4358 318.81,-4343.61 305.37,-4038.93 315,-4023 321.56,-4012.15 332.21,-4004.02 343.33,-3998.03"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="351.35,-3996.58 355.89,-3992.13 349.57,-3992.78 351.35,-3996.58"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="350.46,-3994.68 347.74,-3995.96 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="345.57" cy="-3996.98" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.14,-3791.92C304.53,-3790.74 305.83,-3789.44 307,-3788 324.5,-3766.5 302.07,-3313.52 315,-3289 323.04,-3273.75 337.93,-3262.05 352.09,-3253.73"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="360.36,-3251.7 364.67,-3247.03 358.39,-3248 360.36,-3251.7"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="359.37,-3249.85 356.72,-3251.26 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="354.61" cy="-3252.39" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/members/members.module.ts -->
 <g id="node18" class="node">
 <title>src/app/features/members/members.module.ts</title>
 <g id="a_node18"><a xlink:href="src/app/features/members/members.module.ts" xlink:title="members.module.ts">
-<path fill="#ddfeff" stroke="black" d="M435.5,-5292C435.5,-5292 340.5,-5292 340.5,-5292 337.5,-5292 334.5,-5289 334.5,-5286 334.5,-5286 334.5,-5280 334.5,-5280 334.5,-5277 337.5,-5274 340.5,-5274 340.5,-5274 435.5,-5274 435.5,-5274 438.5,-5274 441.5,-5277 441.5,-5280 441.5,-5280 441.5,-5286 441.5,-5286 441.5,-5289 438.5,-5292 435.5,-5292"/>
-<text text-anchor="start" x="342.5" y="-5280.8" font-family="Helvetica,sans-Serif" font-size="9.00">members.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M435.5,-4198C435.5,-4198 340.5,-4198 340.5,-4198 337.5,-4198 334.5,-4195 334.5,-4192 334.5,-4192 334.5,-4186 334.5,-4186 334.5,-4183 337.5,-4180 340.5,-4180 340.5,-4180 435.5,-4180 435.5,-4180 438.5,-4180 441.5,-4183 441.5,-4186 441.5,-4186 441.5,-4192 441.5,-4192 441.5,-4195 438.5,-4198 435.5,-4198"/>
+<text text-anchor="start" x="342.5" y="-4186.8" font-family="Helvetica,sans-Serif" font-size="9.00">members.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/members/members.module.ts -->
 <g id="edge17" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/members/members.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.06,-4380.14C249.74,-4469.7 256.97,-5188.37 315,-5261 317.13,-5263.67 319.58,-5266.03 322.26,-5268.1"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="328.1,-5273.94 334.34,-5275.15 330.22,-5270.31 328.1,-5273.94"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="329.16,-5272.13 326.57,-5270.61 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="324.49" cy="-5269.4" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.39,-3810.17C251.77,-3861.38 265.79,-4111.61 315,-4167 317.12,-4169.38 319.48,-4171.51 322.03,-4173.41"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="327.92,-4179.21 334.17,-4180.37 330.01,-4175.56 327.92,-4179.21"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="328.97,-4177.39 326.36,-4175.89 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="324.28" cy="-4174.7" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/messages/messages.module.ts -->
 <g id="node19" class="node">
 <title>src/app/features/messages/messages.module.ts</title>
 <g id="a_node19"><a xlink:href="src/app/features/messages/messages.module.ts" xlink:title="messages.module.ts">
-<path fill="#ddfeff" stroke="black" d="M436.5,-5202C436.5,-5202 339.5,-5202 339.5,-5202 336.5,-5202 333.5,-5199 333.5,-5196 333.5,-5196 333.5,-5190 333.5,-5190 333.5,-5187 336.5,-5184 339.5,-5184 339.5,-5184 436.5,-5184 436.5,-5184 439.5,-5184 442.5,-5187 442.5,-5190 442.5,-5190 442.5,-5196 442.5,-5196 442.5,-5199 439.5,-5202 436.5,-5202"/>
-<text text-anchor="start" x="341.5" y="-5190.8" font-family="Helvetica,sans-Serif" font-size="9.00">messages.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M436.5,-4108C436.5,-4108 339.5,-4108 339.5,-4108 336.5,-4108 333.5,-4105 333.5,-4102 333.5,-4102 333.5,-4096 333.5,-4096 333.5,-4093 336.5,-4090 339.5,-4090 339.5,-4090 436.5,-4090 436.5,-4090 439.5,-4090 442.5,-4093 442.5,-4096 442.5,-4096 442.5,-4102 442.5,-4102 442.5,-4105 439.5,-4108 436.5,-4108"/>
+<text text-anchor="start" x="341.5" y="-4096.8" font-family="Helvetica,sans-Serif" font-size="9.00">messages.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/messages/messages.module.ts -->
 <g id="edge18" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/messages/messages.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.14,-4380.26C250.54,-4465.11 262.75,-5106.16 315,-5171 316.89,-5173.35 319.02,-5175.45 321.34,-5177.33"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="327.09,-5183.3 333.31,-5184.63 329.28,-5179.72 327.09,-5183.3"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="328.19,-5181.51 325.62,-5179.94 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="323.58" cy="-5178.69" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.97,-3810.1C254.72,-3853.2 276.95,-4036.53 315,-4077 317.15,-4079.28 319.52,-4081.33 322.06,-4083.17"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="327.84,-4088.83 334.09,-4089.95 329.9,-4085.17 327.84,-4088.83"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="328.87,-4087 326.25,-4085.53 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="324.16" cy="-4084.35" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/missions/missions.module.ts -->
 <g id="node20" class="node">
 <title>src/app/features/missions/missions.module.ts</title>
 <g id="a_node20"><a xlink:href="src/app/features/missions/missions.module.ts" xlink:title="missions.module.ts">
-<path fill="#ddfeff" stroke="black" d="M433.5,-5112C433.5,-5112 342.5,-5112 342.5,-5112 339.5,-5112 336.5,-5109 336.5,-5106 336.5,-5106 336.5,-5100 336.5,-5100 336.5,-5097 339.5,-5094 342.5,-5094 342.5,-5094 433.5,-5094 433.5,-5094 436.5,-5094 439.5,-5097 439.5,-5100 439.5,-5100 439.5,-5106 439.5,-5106 439.5,-5109 436.5,-5112 433.5,-5112"/>
-<text text-anchor="start" x="344.5" y="-5100.8" font-family="Helvetica,sans-Serif" font-size="9.00">missions.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M433.5,-3914C433.5,-3914 342.5,-3914 342.5,-3914 339.5,-3914 336.5,-3911 336.5,-3908 336.5,-3908 336.5,-3902 336.5,-3902 336.5,-3899 339.5,-3896 342.5,-3896 342.5,-3896 433.5,-3896 433.5,-3896 436.5,-3896 439.5,-3899 439.5,-3902 439.5,-3902 439.5,-3908 439.5,-3908 439.5,-3911 436.5,-3914 433.5,-3914"/>
+<text text-anchor="start" x="344.5" y="-3902.8" font-family="Helvetica,sans-Serif" font-size="9.00">missions.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/missions/missions.module.ts -->
 <g id="edge19" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/missions/missions.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.24,-4380.19C251.41,-4459.3 268.49,-5023.89 315,-5081 317.59,-5084.18 320.63,-5086.92 323.97,-5089.26"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="329.98,-5094.86 336.26,-5095.84 331.96,-5091.15 329.98,-5094.86"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="330.97,-5093 328.32,-5091.59 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="326.2" cy="-5090.46" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M253.86,-3810.13C263.34,-3827.04 285.94,-3863.34 315,-3883 319.5,-3886.04 324.44,-3888.68 329.55,-3890.96"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="336.12,-3895.73 342.47,-3895.92 337.62,-3891.81 336.12,-3895.73"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="336.87,-3893.77 334.07,-3892.7 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="331.83" cy="-3891.83" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/news&#45;feed/news&#45;feed.module.ts -->
 <g id="node21" class="node">
 <title>src/app/features/news&#45;feed/news&#45;feed.module.ts</title>
 <g id="a_node21"><a xlink:href="src/app/features/news-feed/news-feed.module.ts" xlink:title="news&#45;feed.module.ts">
-<path fill="#ddfeff" stroke="black" d="M605,-3296C605,-3296 507,-3296 507,-3296 504,-3296 501,-3293 501,-3290 501,-3290 501,-3284 501,-3284 501,-3281 504,-3278 507,-3278 507,-3278 605,-3278 605,-3278 608,-3278 611,-3281 611,-3284 611,-3284 611,-3290 611,-3290 611,-3293 608,-3296 605,-3296"/>
-<text text-anchor="start" x="509" y="-3284.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;feed.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M605,-4498C605,-4498 507,-4498 507,-4498 504,-4498 501,-4495 501,-4492 501,-4492 501,-4486 501,-4486 501,-4483 504,-4480 507,-4480 507,-4480 605,-4480 605,-4480 608,-4480 611,-4483 611,-4486 611,-4486 611,-4492 611,-4492 611,-4495 608,-4498 605,-4498"/>
+<text text-anchor="start" x="509" y="-4486.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;feed.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/news&#45;feed/news&#45;feed.module.ts -->
 <g id="edge20" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/news&#45;feed/news&#45;feed.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.15,-4361.93C304.54,-4360.75 305.83,-4359.44 307,-4358 322.89,-4338.34 305.27,-3471.33 315,-3448 348.52,-3367.66 376.63,-3350.79 453,-3309 463.45,-3303.28 475.26,-3299.05 487.05,-3295.92"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="495.42,-3296.13 500.79,-3292.72 494.47,-3292.03 495.42,-3296.13"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="494.94,-3294.08 492.02,-3294.76 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="489.69" cy="-3295.3" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.09,-3810.31C250.66,-3965.05 272.08,-5997.33 315,-6039 335.73,-6059.12 424.52,-6059.37 445,-6039 460.05,-6024.03 439.63,-4527.48 453,-4511 461.56,-4500.46 473.85,-4494.2 486.95,-4490.63"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="495.32,-4491.06 500.78,-4487.81 494.48,-4486.95 495.32,-4491.06"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="494.9,-4489 491.97,-4489.6 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="489.61" cy="-4490.08" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/privacy/privacy.module.ts -->
 <g id="node22" class="node">
 <title>src/app/features/privacy/privacy.module.ts</title>
 <g id="a_node22"><a xlink:href="src/app/features/privacy/privacy.module.ts" xlink:title="privacy.module.ts">
-<path fill="#ddfeff" stroke="black" d="M430,-4940C430,-4940 346,-4940 346,-4940 343,-4940 340,-4937 340,-4934 340,-4934 340,-4928 340,-4928 340,-4925 343,-4922 346,-4922 346,-4922 430,-4922 430,-4922 433,-4922 436,-4925 436,-4928 436,-4928 436,-4934 436,-4934 436,-4937 433,-4940 430,-4940"/>
-<text text-anchor="start" x="348" y="-4928.8" font-family="Helvetica,sans-Serif" font-size="9.00">privacy.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M430,-3810C430,-3810 346,-3810 346,-3810 343,-3810 340,-3807 340,-3804 340,-3804 340,-3798 340,-3798 340,-3795 343,-3792 346,-3792 346,-3792 430,-3792 430,-3792 433,-3792 436,-3795 436,-3798 436,-3798 436,-3804 436,-3804 436,-3807 433,-3810 430,-3810"/>
+<text text-anchor="start" x="348" y="-3798.8" font-family="Helvetica,sans-Serif" font-size="9.00">privacy.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/privacy/privacy.module.ts -->
 <g id="edge21" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/privacy/privacy.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.11,-4380.21C250.02,-4442.16 257.68,-4798.5 315,-4887 323.06,-4899.45 336.01,-4908.93 348.72,-4915.85"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="354.84,-4921.18 361.16,-4921.93 356.69,-4917.41 354.84,-4921.18"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="355.76,-4919.29 353.07,-4917.98 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="350.91" cy="-4916.92" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.12,-3801C313.34,-3801 319.68,-3801 325.93,-3801"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="333.82,-3803.1 339.82,-3801 333.82,-3798.9 333.82,-3803.1"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="333.82,-3801 330.82,-3801 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="328.42" cy="-3801" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/profile/profile.module.ts -->
 <g id="node23" class="node">
 <title>src/app/features/profile/profile.module.ts</title>
 <g id="a_node23"><a xlink:href="src/app/features/profile/profile.module.ts" xlink:title="profile.module.ts">
-<path fill="#ddfeff" stroke="black" d="M596.5,-2992C596.5,-2992 515.5,-2992 515.5,-2992 512.5,-2992 509.5,-2989 509.5,-2986 509.5,-2986 509.5,-2980 509.5,-2980 509.5,-2977 512.5,-2974 515.5,-2974 515.5,-2974 596.5,-2974 596.5,-2974 599.5,-2974 602.5,-2977 602.5,-2980 602.5,-2980 602.5,-2986 602.5,-2986 602.5,-2989 599.5,-2992 596.5,-2992"/>
-<text text-anchor="start" x="517.5" y="-2980.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M596.5,-4832C596.5,-4832 515.5,-4832 515.5,-4832 512.5,-4832 509.5,-4829 509.5,-4826 509.5,-4826 509.5,-4820 509.5,-4820 509.5,-4817 512.5,-4814 515.5,-4814 515.5,-4814 596.5,-4814 596.5,-4814 599.5,-4814 602.5,-4817 602.5,-4820 602.5,-4820 602.5,-4826 602.5,-4826 602.5,-4829 599.5,-4832 596.5,-4832"/>
+<text text-anchor="start" x="517.5" y="-4820.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/profile/profile.module.ts -->
 <g id="edge22" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/profile/profile.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.16,-4361.93C304.54,-4360.75 305.83,-4359.45 307,-4358 316.14,-4346.67 311.88,-3324.22 315,-3310 346.93,-3164.68 337.23,-3098.46 453,-3005 465.09,-2995.24 480.52,-2989.55 495.7,-2986.3"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="503.91,-2987.03 509.47,-2983.95 503.21,-2982.89 503.91,-2987.03"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="503.56,-2984.96 500.6,-2985.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="498.23" cy="-2985.87" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.09,-3810.36C250.65,-3965.86 271.87,-6008.12 315,-6050 335.72,-6070.13 424.5,-6070.36 445,-6050 456.87,-6038.2 442.44,-4857.99 453,-4845 463.34,-4832.28 479.11,-4825.8 495.19,-4822.75"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="503.6,-4823.74 509.27,-4820.87 503.04,-4819.58 503.6,-4823.74"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="503.32,-4821.66 500.34,-4822.06 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="497.97" cy="-4822.37" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/register/register.module.ts -->
 <g id="node24" class="node">
 <title>src/app/features/register/register.module.ts</title>
 <g id="a_node24"><a xlink:href="src/app/features/register/register.module.ts" xlink:title="register.module.ts">
-<path fill="#ddfeff" stroke="black" d="M431,-4836C431,-4836 345,-4836 345,-4836 342,-4836 339,-4833 339,-4830 339,-4830 339,-4824 339,-4824 339,-4821 342,-4818 345,-4818 345,-4818 431,-4818 431,-4818 434,-4818 437,-4821 437,-4824 437,-4824 437,-4830 437,-4830 437,-4833 434,-4836 431,-4836"/>
-<text text-anchor="start" x="347" y="-4824.8" font-family="Helvetica,sans-Serif" font-size="9.00">register.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M431,-3713C431,-3713 345,-3713 345,-3713 342,-3713 339,-3710 339,-3707 339,-3707 339,-3701 339,-3701 339,-3698 342,-3695 345,-3695 345,-3695 431,-3695 431,-3695 434,-3695 437,-3698 437,-3701 437,-3701 437,-3707 437,-3707 437,-3710 434,-3713 431,-3713"/>
+<text text-anchor="start" x="347" y="-3701.8" font-family="Helvetica,sans-Serif" font-size="9.00">register.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/register/register.module.ts -->
 <g id="edge23" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/register/register.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.43,-4380.03C252.16,-4433.97 268.41,-4713.5 315,-4783 323.32,-4795.41 336.44,-4804.92 349.21,-4811.86"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="355.37,-4817.22 361.68,-4817.97 357.22,-4813.44 355.37,-4817.22"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="356.29,-4815.33 353.6,-4814.01 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="351.44" cy="-4812.96" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M298.79,-3791.94C301.64,-3790.78 304.4,-3789.47 307,-3788 310.82,-3785.84 346.56,-3747.64 368.96,-3723.51"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="375.88,-3719.13 378.41,-3713.3 372.8,-3716.28 375.88,-3719.13"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="374.34,-3717.7 372.3,-3719.9 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="370.67" cy="-3721.66" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/search/search.module.ts -->
 <g id="node25" class="node">
 <title>src/app/features/search/search.module.ts</title>
 <g id="a_node25"><a xlink:href="src/app/features/search/search.module.ts" xlink:title="search.module.ts">
-<path fill="#ddfeff" stroke="black" d="M429.5,-4724C429.5,-4724 346.5,-4724 346.5,-4724 343.5,-4724 340.5,-4721 340.5,-4718 340.5,-4718 340.5,-4712 340.5,-4712 340.5,-4709 343.5,-4706 346.5,-4706 346.5,-4706 429.5,-4706 429.5,-4706 432.5,-4706 435.5,-4709 435.5,-4712 435.5,-4712 435.5,-4718 435.5,-4718 435.5,-4721 432.5,-4724 429.5,-4724"/>
-<text text-anchor="start" x="348.5" y="-4712.8" font-family="Helvetica,sans-Serif" font-size="9.00">search.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M429.5,-3646C429.5,-3646 346.5,-3646 346.5,-3646 343.5,-3646 340.5,-3643 340.5,-3640 340.5,-3640 340.5,-3634 340.5,-3634 340.5,-3631 343.5,-3628 346.5,-3628 346.5,-3628 429.5,-3628 429.5,-3628 432.5,-3628 435.5,-3631 435.5,-3634 435.5,-3634 435.5,-3640 435.5,-3640 435.5,-3643 432.5,-3646 429.5,-3646"/>
+<text text-anchor="start" x="348.5" y="-3634.8" font-family="Helvetica,sans-Serif" font-size="9.00">search.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/search/search.module.ts -->
 <g id="edge24" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/search/search.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M249.65,-4380.3C253.15,-4428.01 271.32,-4644.99 315,-4693 318.55,-4696.9 322.77,-4700.12 327.37,-4702.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="333.85,-4708.01 340.18,-4708.56 335.58,-4704.18 333.85,-4708.01"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="334.72,-4706.09 331.98,-4704.86 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="329.79" cy="-4703.87" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.04,-3791.83C304.46,-3790.68 305.79,-3789.41 307,-3788 323.14,-3769.26 301.7,-3697.85 315,-3677 321.93,-3666.14 332.9,-3657.97 344.21,-3651.94"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="352.37,-3650.45 356.92,-3646.01 350.59,-3646.65 352.37,-3650.45"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="351.48,-3648.55 348.76,-3649.82 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="346.59" cy="-3650.83" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/settings/settings.module.ts -->
 <g id="node26" class="node">
 <title>src/app/features/settings/settings.module.ts</title>
 <g id="a_node26"><a xlink:href="src/app/features/settings/settings.module.ts" xlink:title="settings.module.ts">
-<path fill="#ddfeff" stroke="black" d="M432.5,-4544C432.5,-4544 343.5,-4544 343.5,-4544 340.5,-4544 337.5,-4541 337.5,-4538 337.5,-4538 337.5,-4532 337.5,-4532 337.5,-4529 340.5,-4526 343.5,-4526 343.5,-4526 432.5,-4526 432.5,-4526 435.5,-4526 438.5,-4529 438.5,-4532 438.5,-4532 438.5,-4538 438.5,-4538 438.5,-4541 435.5,-4544 432.5,-4544"/>
-<text text-anchor="start" x="345.5" y="-4532.8" font-family="Helvetica,sans-Serif" font-size="9.00">settings.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M432.5,-3556C432.5,-3556 343.5,-3556 343.5,-3556 340.5,-3556 337.5,-3553 337.5,-3550 337.5,-3550 337.5,-3544 337.5,-3544 337.5,-3541 340.5,-3538 343.5,-3538 343.5,-3538 432.5,-3538 432.5,-3538 435.5,-3538 438.5,-3541 438.5,-3544 438.5,-3544 438.5,-3550 438.5,-3550 438.5,-3553 435.5,-3556 432.5,-3556"/>
+<text text-anchor="start" x="345.5" y="-3544.8" font-family="Helvetica,sans-Serif" font-size="9.00">settings.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/settings/settings.module.ts -->
 <g id="edge25" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/settings/settings.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M250.59,-4380.19C255.43,-4405.34 272.34,-4475.88 315,-4513 318.05,-4515.65 321.41,-4517.99 324.97,-4520.04"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="331.32,-4525.34 337.64,-4525.99 333.1,-4521.54 331.32,-4525.34"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="332.21,-4523.44 329.5,-4522.17 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="327.32" cy="-4521.15" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.1,-3791.88C304.5,-3790.72 305.81,-3789.43 307,-3788 321.31,-3770.83 303.28,-3606.03 315,-3587 321.7,-3576.12 332.49,-3567.96 343.71,-3561.95"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="351.81,-3560.48 356.36,-3556.04 350.03,-3556.68 351.81,-3560.48"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="350.92,-3558.58 348.2,-3559.85 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="346.03" cy="-3560.87" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/splash/splash.module.ts -->
 <g id="node27" class="node">
 <title>src/app/features/splash/splash.module.ts</title>
 <g id="a_node27"><a xlink:href="src/app/features/splash/splash.module.ts" xlink:title="splash.module.ts">
-<path fill="#ddfeff" stroke="black" d="M428.5,-4462C428.5,-4462 347.5,-4462 347.5,-4462 344.5,-4462 341.5,-4459 341.5,-4456 341.5,-4456 341.5,-4450 341.5,-4450 341.5,-4447 344.5,-4444 347.5,-4444 347.5,-4444 428.5,-4444 428.5,-4444 431.5,-4444 434.5,-4447 434.5,-4450 434.5,-4450 434.5,-4456 434.5,-4456 434.5,-4459 431.5,-4462 428.5,-4462"/>
-<text text-anchor="start" x="349.5" y="-4450.8" font-family="Helvetica,sans-Serif" font-size="9.00">splash.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M428.5,-3429C428.5,-3429 347.5,-3429 347.5,-3429 344.5,-3429 341.5,-3426 341.5,-3423 341.5,-3423 341.5,-3417 341.5,-3417 341.5,-3414 344.5,-3411 347.5,-3411 347.5,-3411 428.5,-3411 428.5,-3411 431.5,-3411 434.5,-3414 434.5,-3417 434.5,-3417 434.5,-3423 434.5,-3423 434.5,-3426 431.5,-3429 428.5,-3429"/>
+<text text-anchor="start" x="349.5" y="-3417.8" font-family="Helvetica,sans-Serif" font-size="9.00">splash.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/splash/splash.module.ts -->
 <g id="edge26" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/splash/splash.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M264.3,-4380.09C287.3,-4393.76 331.14,-4419.81 359.71,-4436.79"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="365.4,-4442.61 371.64,-4443.87 367.55,-4439 365.4,-4442.61"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="366.48,-4440.81 363.9,-4439.27 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="361.84" cy="-4438.05" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.12,-3791.9C304.52,-3790.73 305.82,-3789.43 307,-3788 317.28,-3775.52 308.86,-3511.96 315,-3497 324.85,-3473.02 345.83,-3452.01 362.62,-3438.02"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="370.48,-3434.49 373.89,-3429.13 367.87,-3431.2 370.48,-3434.49"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="369.18,-3432.85 366.82,-3434.71 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="364.94" cy="-3436.19" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/stats/stats.module.ts -->
 <g id="node28" class="node">
 <title>src/app/features/stats/stats.module.ts</title>
 <g id="a_node28"><a xlink:href="src/app/features/stats/stats.module.ts" xlink:title="stats.module.ts">
-<path fill="#ddfeff" stroke="black" d="M425,-4380C425,-4380 351,-4380 351,-4380 348,-4380 345,-4377 345,-4374 345,-4374 345,-4368 345,-4368 345,-4365 348,-4362 351,-4362 351,-4362 425,-4362 425,-4362 428,-4362 431,-4365 431,-4368 431,-4368 431,-4374 431,-4374 431,-4377 428,-4380 425,-4380"/>
-<text text-anchor="start" x="353" y="-4368.8" font-family="Helvetica,sans-Serif" font-size="9.00">stats.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M425,-3325C425,-3325 351,-3325 351,-3325 348,-3325 345,-3322 345,-3319 345,-3319 345,-3313 345,-3313 345,-3310 348,-3307 351,-3307 351,-3307 425,-3307 425,-3307 428,-3307 431,-3310 431,-3313 431,-3313 431,-3319 431,-3319 431,-3322 428,-3325 425,-3325"/>
+<text text-anchor="start" x="353" y="-3313.8" font-family="Helvetica,sans-Serif" font-size="9.00">stats.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/stats/stats.module.ts -->
 <g id="edge27" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/stats/stats.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M307.12,-4371C315.04,-4371 323.16,-4371 331.04,-4371"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="338.87,-4373.1 344.87,-4371 338.87,-4368.9 338.87,-4373.1"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="338.87,-4371 335.87,-4371 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="333.47" cy="-4371" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.13,-3791.91C304.53,-3790.74 305.82,-3789.44 307,-3788 320.89,-3771.01 306.74,-3413.33 315,-3393 324.76,-3368.99 345.76,-3347.98 362.57,-3334"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="370.44,-3330.48 373.85,-3325.12 367.84,-3327.18 370.44,-3330.48"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="369.14,-3328.83 366.78,-3330.68 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="364.9" cy="-3332.17" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/terms/terms.module.ts -->
 <g id="node29" class="node">
 <title>src/app/features/terms/terms.module.ts</title>
 <g id="a_node29"><a xlink:href="src/app/features/terms/terms.module.ts" xlink:title="terms.module.ts">
-<path fill="#ddfeff" stroke="black" d="M427.5,-4186C427.5,-4186 348.5,-4186 348.5,-4186 345.5,-4186 342.5,-4183 342.5,-4180 342.5,-4180 342.5,-4174 342.5,-4174 342.5,-4171 345.5,-4168 348.5,-4168 348.5,-4168 427.5,-4168 427.5,-4168 430.5,-4168 433.5,-4171 433.5,-4174 433.5,-4174 433.5,-4180 433.5,-4180 433.5,-4183 430.5,-4186 427.5,-4186"/>
-<text text-anchor="start" x="350.5" y="-4174.8" font-family="Helvetica,sans-Serif" font-size="9.00">terms.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M427.5,-3117C427.5,-3117 348.5,-3117 348.5,-3117 345.5,-3117 342.5,-3114 342.5,-3111 342.5,-3111 342.5,-3105 342.5,-3105 342.5,-3102 345.5,-3099 348.5,-3099 348.5,-3099 427.5,-3099 427.5,-3099 430.5,-3099 433.5,-3102 433.5,-3105 433.5,-3105 433.5,-3111 433.5,-3111 433.5,-3114 430.5,-3117 427.5,-3117"/>
+<text text-anchor="start" x="350.5" y="-3105.8" font-family="Helvetica,sans-Serif" font-size="9.00">terms.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/terms/terms.module.ts -->
 <g id="edge28" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/terms/terms.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.06,-4361.86C304.48,-4360.7 305.8,-4359.42 307,-4358 327.3,-4334.07 298.32,-4243.59 315,-4217 321.79,-4206.17 332.61,-4198.03 343.83,-4192.02"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="351.92,-4190.55 356.46,-4186.11 350.13,-4186.75 351.92,-4190.55"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="351.03,-4188.65 348.31,-4189.92 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="346.13" cy="-4190.94" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.14,-3791.92C304.54,-3790.75 305.83,-3789.44 307,-3788 317.56,-3774.99 308.75,-3200.54 315,-3185 324.68,-3160.95 345.68,-3139.95 362.52,-3125.98"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="370.4,-3122.46 373.82,-3117.1 367.81,-3119.16 370.4,-3122.46"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="369.1,-3120.81 366.74,-3122.66 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="364.86" cy="-3124.14" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/the&#45;wire/the&#45;wire.module.ts -->
 <g id="node30" class="node">
 <title>src/app/features/the&#45;wire/the&#45;wire.module.ts</title>
 <g id="a_node30"><a xlink:href="src/app/features/the-wire/the-wire.module.ts" xlink:title="the&#45;wire.module.ts">
-<path fill="#ddfeff" stroke="black" d="M432.5,-4082C432.5,-4082 343.5,-4082 343.5,-4082 340.5,-4082 337.5,-4079 337.5,-4076 337.5,-4076 337.5,-4070 337.5,-4070 337.5,-4067 340.5,-4064 343.5,-4064 343.5,-4064 432.5,-4064 432.5,-4064 435.5,-4064 438.5,-4067 438.5,-4070 438.5,-4070 438.5,-4076 438.5,-4076 438.5,-4079 435.5,-4082 432.5,-4082"/>
-<text text-anchor="start" x="345.5" y="-4070.8" font-family="Helvetica,sans-Serif" font-size="9.00">the&#45;wire.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M432.5,-3050C432.5,-3050 343.5,-3050 343.5,-3050 340.5,-3050 337.5,-3047 337.5,-3044 337.5,-3044 337.5,-3038 337.5,-3038 337.5,-3035 340.5,-3032 343.5,-3032 343.5,-3032 432.5,-3032 432.5,-3032 435.5,-3032 438.5,-3035 438.5,-3038 438.5,-3038 438.5,-3044 438.5,-3044 438.5,-3047 435.5,-3050 432.5,-3050"/>
+<text text-anchor="start" x="345.5" y="-3038.8" font-family="Helvetica,sans-Serif" font-size="9.00">the&#45;wire.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/the&#45;wire/the&#45;wire.module.ts -->
 <g id="edge29" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/features/the&#45;wire/the&#45;wire.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.11,-4361.89C304.51,-4360.72 305.82,-4359.43 307,-4358 324.37,-4337.02 300.81,-4136.25 315,-4113 321.66,-4102.09 332.44,-4093.93 343.66,-4087.92"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="351.76,-4086.46 356.31,-4082.02 349.99,-4082.65 351.76,-4086.46"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="350.88,-4084.55 348.16,-4085.82 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="345.98" cy="-4086.83" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.15,-3791.93C304.54,-3790.75 305.83,-3789.44 307,-3788 319.36,-3772.74 304.94,-3097.87 315,-3081 321.49,-3070.11 332.12,-3061.97 343.24,-3055.97"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="351.27,-3054.53 355.81,-3050.09 349.49,-3050.73 351.27,-3054.53"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="350.38,-3052.63 347.66,-3053.9 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="345.49" cy="-3054.92" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/shared/components/forbidden/forbidden.component.ts -->
 <g id="node31" class="node">
 <title>src/app/shared/components/forbidden/forbidden.component.ts</title>
 <g id="a_node31"><a xlink:href="src/app/shared/components/forbidden/forbidden.component.ts" xlink:title="forbidden.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1012.5,-498C1012.5,-498 898.5,-498 898.5,-498 895.5,-498 892.5,-495 892.5,-492 892.5,-492 892.5,-486 892.5,-486 892.5,-483 895.5,-480 898.5,-480 898.5,-480 1012.5,-480 1012.5,-480 1015.5,-480 1018.5,-483 1018.5,-486 1018.5,-486 1018.5,-492 1018.5,-492 1018.5,-495 1015.5,-498 1012.5,-498"/>
-<text text-anchor="start" x="900.5" y="-486.8" font-family="Helvetica,sans-Serif" font-size="9.00">forbidden.component.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1012.5,-428C1012.5,-428 898.5,-428 898.5,-428 895.5,-428 892.5,-425 892.5,-422 892.5,-422 892.5,-416 892.5,-416 892.5,-413 895.5,-410 898.5,-410 898.5,-410 1012.5,-410 1012.5,-410 1015.5,-410 1018.5,-413 1018.5,-416 1018.5,-416 1018.5,-422 1018.5,-422 1018.5,-425 1015.5,-428 1012.5,-428"/>
+<text text-anchor="start" x="900.5" y="-416.8" font-family="Helvetica,sans-Serif" font-size="9.00">forbidden.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/shared/components/forbidden/forbidden.component.ts -->
 <g id="edge30" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/shared/components/forbidden/forbidden.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.17,-4361.94C304.55,-4360.76 305.84,-4359.45 307,-4358 314.91,-4348.14 312.67,-729.43 315,-717 346.38,-549.39 329.02,-476.08 453,-359 517.48,-298.11 555.38,-311.72 643,-298 689.1,-290.78 819.23,-265.79 853,-298 866.6,-310.97 848.98,-452.54 861,-467 867.68,-475.04 876.7,-480.46 886.51,-484.06"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.01,-486.11 892.36,-485.98 887.31,-482.12 886.01,-486.11"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.16,-3791.94C304.55,-3790.76 305.84,-3789.45 307,-3788 320.55,-3771.13 311.27,-693.31 315,-672 346.36,-492.95 321.73,-412.73 453,-287 516.86,-225.84 555.58,-241.26 643,-228 689.14,-221 819.23,-195.79 853,-228 866.6,-240.97 848.98,-382.54 861,-397 867.68,-405.04 876.7,-410.46 886.51,-414.06"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.01,-416.11 892.36,-415.98 887.31,-412.12 886.01,-416.11"/>
 </g>
 <!-- src/app/shared/components/not&#45;found/not&#45;found.component.ts -->
 <g id="node32" class="node">
 <title>src/app/shared/components/not&#45;found/not&#45;found.component.ts</title>
 <g id="a_node32"><a xlink:href="src/app/shared/components/not-found/not-found.component.ts" xlink:title="not&#45;found.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1013,-438C1013,-438 898,-438 898,-438 895,-438 892,-435 892,-432 892,-432 892,-426 892,-426 892,-423 895,-420 898,-420 898,-420 1013,-420 1013,-420 1016,-420 1019,-423 1019,-426 1019,-426 1019,-432 1019,-432 1019,-435 1016,-438 1013,-438"/>
-<text text-anchor="start" x="900" y="-426.8" font-family="Helvetica,sans-Serif" font-size="9.00">not&#45;found.component.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1013,-368C1013,-368 898,-368 898,-368 895,-368 892,-365 892,-362 892,-362 892,-356 892,-356 892,-353 895,-350 898,-350 898,-350 1013,-350 1013,-350 1016,-350 1019,-353 1019,-356 1019,-356 1019,-362 1019,-362 1019,-365 1016,-368 1013,-368"/>
+<text text-anchor="start" x="900" y="-356.8" font-family="Helvetica,sans-Serif" font-size="9.00">not&#45;found.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/shared/components/not&#45;found/not&#45;found.component.ts -->
 <g id="edge31" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/shared/components/not&#45;found/not&#45;found.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.17,-4361.94C304.55,-4360.76 305.84,-4359.45 307,-4358 324.36,-4336.36 300.25,-386.5 315,-363 351.24,-305.25 387.35,-314.4 453,-296 495.84,-284 820.58,-247.53 853,-278 873.93,-297.67 842.48,-385.05 861,-407 867.65,-414.88 876.55,-420.24 886.22,-423.84"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="885.63,-425.85 891.99,-425.75 886.96,-421.87 885.63,-425.85"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.17,-3791.94C304.55,-3790.76 305.84,-3789.45 307,-3788 322.2,-3769.07 302.03,-312.52 315,-292 351.31,-234.52 387.43,-243.98 453,-226 495.9,-214.23 820.58,-178.54 853,-209 873.77,-228.51 842.62,-315.22 861,-337 867.65,-344.88 876.55,-350.24 886.22,-353.83"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="885.63,-355.85 891.99,-355.75 886.96,-351.87 885.63,-355.85"/>
 </g>
 <!-- src/app/shared/components/unauthorized/unauthorized.component.ts -->
 <g id="node33" class="node">
 <title>src/app/shared/components/unauthorized/unauthorized.component.ts</title>
 <g id="a_node33"><a xlink:href="src/app/shared/components/unauthorized/unauthorized.component.ts" xlink:title="unauthorized.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1021,-378C1021,-378 890,-378 890,-378 887,-378 884,-375 884,-372 884,-372 884,-366 884,-366 884,-363 887,-360 890,-360 890,-360 1021,-360 1021,-360 1024,-360 1027,-363 1027,-366 1027,-366 1027,-372 1027,-372 1027,-375 1024,-378 1021,-378"/>
-<text text-anchor="start" x="892" y="-366.8" font-family="Helvetica,sans-Serif" font-size="9.00">unauthorized.component.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1021,-308C1021,-308 890,-308 890,-308 887,-308 884,-305 884,-302 884,-302 884,-296 884,-296 884,-293 887,-290 890,-290 890,-290 1021,-290 1021,-290 1024,-290 1027,-293 1027,-296 1027,-296 1027,-302 1027,-302 1027,-305 1024,-308 1021,-308"/>
+<text text-anchor="start" x="892" y="-296.8" font-family="Helvetica,sans-Serif" font-size="9.00">unauthorized.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app&#45;routing.module.ts&#45;&gt;src/app/shared/components/unauthorized/unauthorized.component.ts -->
 <g id="edge32" class="edge">
 <title>src/app/app&#45;routing.module.ts&#45;&gt;src/app/shared/components/unauthorized/unauthorized.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.17,-4361.94C304.55,-4360.76 305.84,-4359.45 307,-4358 324.66,-4335.99 296.89,-316.64 315,-295 355,-247.2 391.03,-276.72 453,-270 497.19,-265.21 820.25,-232.95 853,-263 868.28,-277.02 846.72,-340.95 861,-356 865.75,-361.01 871.47,-364.72 877.71,-367.42"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="877.21,-369.48 883.57,-369.63 878.7,-365.55 877.21,-369.48"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M303.17,-3791.94C304.55,-3790.76 305.84,-3789.45 307,-3788 322.49,-3768.7 299.12,-243.97 315,-225 355.01,-177.2 391.03,-206.72 453,-200 475.1,-197.6 836.62,-177.97 853,-193 868.28,-207.02 846.72,-270.95 861,-286 865.75,-291.01 871.47,-294.72 877.71,-297.42"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="877.21,-299.48 883.57,-299.63 878.7,-295.55 877.21,-299.48"/>
 </g>
 <!-- src/app/core/services/session&#45;storage.service.ts -->
 <g id="node45" class="node">
 <title>src/app/core/services/session&#45;storage.service.ts</title>
 <g id="a_node45"><a xlink:href="src/app/core/services/session-storage.service.ts" xlink:title="session&#45;storage.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1385,-2370C1385,-2370 1266,-2370 1266,-2370 1263,-2370 1260,-2367 1260,-2364 1260,-2364 1260,-2358 1260,-2358 1260,-2355 1263,-2352 1266,-2352 1266,-2352 1385,-2352 1385,-2352 1388,-2352 1391,-2355 1391,-2358 1391,-2358 1391,-2364 1391,-2364 1391,-2367 1388,-2370 1385,-2370"/>
-<text text-anchor="start" x="1268" y="-2358.8" font-family="Helvetica,sans-Serif" font-size="9.00">session&#45;storage.service.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1385,-2430C1385,-2430 1266,-2430 1266,-2430 1263,-2430 1260,-2427 1260,-2424 1260,-2424 1260,-2418 1260,-2418 1260,-2415 1263,-2412 1266,-2412 1266,-2412 1385,-2412 1385,-2412 1388,-2412 1391,-2415 1391,-2418 1391,-2418 1391,-2424 1391,-2424 1391,-2427 1388,-2430 1385,-2430"/>
+<text text-anchor="start" x="1268" y="-2418.8" font-family="Helvetica,sans-Serif" font-size="9.00">session&#45;storage.service.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/guards/auth.guard.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts -->
 <g id="edge56" class="edge">
 <title>src/app/core/guards/auth.guard.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1190.62,-2603.52C1206.18,-2602.36 1222.91,-2597.95 1233.5,-2586 1264.52,-2551.01 1215.62,-2411.11 1246.5,-2376 1248.83,-2373.35 1251.48,-2371.07 1254.36,-2369.13"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.63,-2370.82 1259.76,-2365.99 1253.52,-2367.19 1255.63,-2370.82"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1190.57,-2633.46C1206.11,-2632.3 1222.85,-2627.9 1233.5,-2616 1260.26,-2586.13 1219.86,-2465.98 1246.5,-2436 1248.85,-2433.36 1251.51,-2431.1 1254.39,-2429.16"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.67,-2430.85 1259.81,-2426.03 1253.56,-2427.21 1255.67,-2430.85"/>
 </g>
 <!-- src/environments/environment.ts -->
 <g id="node46" class="node">
@@ -991,891 +1001,891 @@
 <!-- src/app/core/guards/auth.guard.ts&#45;&gt;src/environments/environment.ts -->
 <g id="edge55" class="edge">
 <title>src/app/core/guards/auth.guard.ts&#45;&gt;src/environments/environment.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1190.83,-2603.69C1206.42,-2602.57 1223.12,-2598.13 1233.5,-2586 1242.26,-2575.76 1246.06,-2114.47 1246.5,-2101 1273.79,-1269.47 1317.92,-244.67 1323.84,-108.25"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1325.94,-108.19 1324.1,-102.11 1321.75,-108.01 1325.94,-108.19"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1190.82,-2633.68C1206.4,-2632.55 1223.11,-2628.12 1233.5,-2616 1249.96,-2596.8 1245.66,-2186.27 1246.5,-2161 1274.91,-1303.79 1318.16,-247.03 1323.87,-108.28"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1325.98,-108.12 1324.13,-102.04 1321.78,-107.95 1325.98,-108.12"/>
 </g>
 <!-- src/app/core/guards/interceptor.guard.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts -->
 <g id="edge58" class="edge">
 <title>src/app/core/guards/interceptor.guard.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1204.75,-2536.58C1215.71,-2533.21 1226.15,-2527.75 1233.5,-2519 1254.03,-2494.57 1225.08,-2399.66 1246.5,-2376 1248.87,-2373.38 1251.55,-2371.13 1254.45,-2369.21"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.73,-2370.9 1259.89,-2366.1 1253.64,-2367.26 1255.73,-2370.9"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1204.59,-2566.45C1215.56,-2563.09 1226.04,-2557.66 1233.5,-2549 1266.48,-2510.69 1212.13,-2473.07 1246.5,-2436 1248.9,-2433.41 1251.61,-2431.19 1254.53,-2429.28"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.8,-2430.97 1260,-2426.2 1253.74,-2427.32 1255.8,-2430.97"/>
 </g>
 <!-- src/assets/i18n/translations.en.ts -->
-<g id="node80" class="node">
+<g id="node85" class="node">
 <title>src/assets/i18n/translations.en.ts</title>
-<g id="a_node80"><a xlink:href="src/assets/i18n/translations.en.ts" xlink:title="translations.en.ts">
-<path fill="#ddfeff" stroke="black" d="M1367,-6252C1367,-6252 1284,-6252 1284,-6252 1281,-6252 1278,-6249 1278,-6246 1278,-6246 1278,-6240 1278,-6240 1278,-6237 1281,-6234 1284,-6234 1284,-6234 1367,-6234 1367,-6234 1370,-6234 1373,-6237 1373,-6240 1373,-6240 1373,-6246 1373,-6246 1373,-6249 1370,-6252 1367,-6252"/>
-<text text-anchor="start" x="1286" y="-6240.8" font-family="Helvetica,sans-Serif" font-size="9.00">translations.en.ts</text>
+<g id="a_node85"><a xlink:href="src/assets/i18n/translations.en.ts" xlink:title="translations.en.ts">
+<path fill="#ddfeff" stroke="black" d="M1367,-6310C1367,-6310 1284,-6310 1284,-6310 1281,-6310 1278,-6307 1278,-6304 1278,-6304 1278,-6298 1278,-6298 1278,-6295 1281,-6292 1284,-6292 1284,-6292 1367,-6292 1367,-6292 1370,-6292 1373,-6295 1373,-6298 1373,-6298 1373,-6304 1373,-6304 1373,-6307 1370,-6310 1367,-6310"/>
+<text text-anchor="start" x="1286" y="-6298.8" font-family="Helvetica,sans-Serif" font-size="9.00">translations.en.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/translations.service.ts&#45;&gt;src/assets/i18n/translations.en.ts -->
-<g id="edge96" class="edge">
+<g id="edge104" class="edge">
 <title>src/app/core/services/translations.service.ts&#45;&gt;src/assets/i18n/translations.en.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1163.19,-2430.03C1182,-2446.01 1219.3,-2481.36 1233.5,-2521 1248.4,-2562.61 1243.24,-5658.93 1246.5,-5703 1261.96,-5912.18 1309.03,-6163.5 1321.46,-6227.56"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1319.47,-6228.32 1322.68,-6233.81 1323.59,-6227.52 1319.47,-6228.32"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1163.19,-2460.03C1182,-2476.01 1219.29,-2511.37 1233.5,-2551 1246.19,-2586.38 1245.01,-5219.45 1246.5,-5257 1263.19,-5677.33 1313.46,-6190.96 1322.95,-6285.63"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1320.87,-6285.95 1323.56,-6291.71 1325.05,-6285.53 1320.87,-6285.95"/>
 </g>
 <!-- src/app/shared/shared.module.ts -->
 <g id="node44" class="node">
 <title>src/app/shared/shared.module.ts</title>
 <g id="a_node44"><a xlink:href="src/app/shared/shared.module.ts" xlink:title="shared.module.ts">
-<path fill="#ddfeff" stroke="black" d="M801.5,-1570C801.5,-1570 718.5,-1570 718.5,-1570 715.5,-1570 712.5,-1567 712.5,-1564 712.5,-1564 712.5,-1558 712.5,-1558 712.5,-1555 715.5,-1552 718.5,-1552 718.5,-1552 801.5,-1552 801.5,-1552 804.5,-1552 807.5,-1555 807.5,-1558 807.5,-1558 807.5,-1564 807.5,-1564 807.5,-1567 804.5,-1570 801.5,-1570"/>
-<text text-anchor="start" x="720.5" y="-1558.8" font-family="Helvetica,sans-Serif" font-size="9.00">shared.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M801.5,-1560C801.5,-1560 718.5,-1560 718.5,-1560 715.5,-1560 712.5,-1557 712.5,-1554 712.5,-1554 712.5,-1548 712.5,-1548 712.5,-1545 715.5,-1542 718.5,-1542 718.5,-1542 801.5,-1542 801.5,-1542 804.5,-1542 807.5,-1545 807.5,-1548 807.5,-1548 807.5,-1554 807.5,-1554 807.5,-1557 804.5,-1560 801.5,-1560"/>
+<text text-anchor="start" x="720.5" y="-1548.8" font-family="Helvetica,sans-Serif" font-size="9.00">shared.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/about/about.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge102" class="edge">
+<g id="edge109" class="edge">
 <title>src/app/features/about/about.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.57,-5579.32C437.95,-5581.4 441.91,-5584.21 445,-5588 455.89,-5601.35 440.66,-5885.98 453,-5898 510.93,-5954.45 577.75,-5955.14 635,-5898 656.21,-5876.83 623.87,-1606.06 643,-1583 656.46,-1566.77 677.84,-1560.03 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M390.94,-5947.98C399.49,-5907.74 433.89,-5740.39 445,-5601 447.88,-5564.86 441.63,-3025.42 453,-2991 495.77,-2861.52 591.99,-2873.4 635,-2744 640.13,-2728.57 632.58,-1585.49 643,-1573 656.5,-1556.81 677.89,-1550.07 698.63,-1547.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.59,-1549.4 712.44,-1546.91 706.31,-1545.21 706.59,-1549.4"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.45,-1547.3 703.46,-1547.5 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.06" cy="-1547.66" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/about/about&#45;routing.module.ts -->
-<g id="node83" class="node">
+<g id="node86" class="node">
 <title>src/app/features/about/about&#45;routing.module.ts</title>
-<g id="a_node83"><a xlink:href="src/app/features/about/about-routing.module.ts" xlink:title="about&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M613.5,-5562C613.5,-5562 498.5,-5562 498.5,-5562 495.5,-5562 492.5,-5559 492.5,-5556 492.5,-5556 492.5,-5550 492.5,-5550 492.5,-5547 495.5,-5544 498.5,-5544 498.5,-5544 613.5,-5544 613.5,-5544 616.5,-5544 619.5,-5547 619.5,-5550 619.5,-5550 619.5,-5556 619.5,-5556 619.5,-5559 616.5,-5562 613.5,-5562"/>
-<text text-anchor="start" x="500.5" y="-5550.8" font-family="Helvetica,sans-Serif" font-size="9.00">about&#45;routing.module.ts</text>
+<g id="a_node86"><a xlink:href="src/app/features/about/about-routing.module.ts" xlink:title="about&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M613.5,-5980C613.5,-5980 498.5,-5980 498.5,-5980 495.5,-5980 492.5,-5977 492.5,-5974 492.5,-5974 492.5,-5968 492.5,-5968 492.5,-5965 495.5,-5962 498.5,-5962 498.5,-5962 613.5,-5962 613.5,-5962 616.5,-5962 619.5,-5965 619.5,-5968 619.5,-5968 619.5,-5974 619.5,-5974 619.5,-5977 616.5,-5980 613.5,-5980"/>
+<text text-anchor="start" x="500.5" y="-5968.8" font-family="Helvetica,sans-Serif" font-size="9.00">about&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/about/about.module.ts&#45;&gt;src/app/features/about/about&#45;routing.module.ts -->
-<g id="edge100" class="edge">
+<g id="edge107" class="edge">
 <title>src/app/features/about/about.module.ts&#45;&gt;src/app/features/about/about&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.92,-5569.05C450.05,-5566.91 468.64,-5564.45 486.32,-5562.1"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="486.61,-5564.18 492.28,-5561.31 486.06,-5560.02 486.61,-5564.18"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.92,-5960.79C449.91,-5962.14 468.31,-5963.69 485.86,-5965.17"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="486.13,-5967.3 492.28,-5965.71 486.48,-5963.11 486.13,-5967.3"/>
 </g>
 <!-- src/app/features/about/about.component.ts -->
-<g id="node84" class="node">
+<g id="node87" class="node">
 <title>src/app/features/about/about.component.ts</title>
-<g id="a_node84"><a xlink:href="src/app/features/about/about.component.ts" xlink:title="about.component.ts">
-<path fill="#ddfeff" stroke="black" d="M808.5,-5592C808.5,-5592 711.5,-5592 711.5,-5592 708.5,-5592 705.5,-5589 705.5,-5586 705.5,-5586 705.5,-5580 705.5,-5580 705.5,-5577 708.5,-5574 711.5,-5574 711.5,-5574 808.5,-5574 808.5,-5574 811.5,-5574 814.5,-5577 814.5,-5580 814.5,-5580 814.5,-5586 814.5,-5586 814.5,-5589 811.5,-5592 808.5,-5592"/>
-<text text-anchor="start" x="713.5" y="-5580.8" font-family="Helvetica,sans-Serif" font-size="9.00">about.component.ts</text>
+<g id="a_node87"><a xlink:href="src/app/features/about/about.component.ts" xlink:title="about.component.ts">
+<path fill="#ddfeff" stroke="black" d="M808.5,-5980C808.5,-5980 711.5,-5980 711.5,-5980 708.5,-5980 705.5,-5977 705.5,-5974 705.5,-5974 705.5,-5968 705.5,-5968 705.5,-5965 708.5,-5962 711.5,-5962 711.5,-5962 808.5,-5962 808.5,-5962 811.5,-5962 814.5,-5965 814.5,-5968 814.5,-5968 814.5,-5974 814.5,-5974 814.5,-5977 811.5,-5980 808.5,-5980"/>
+<text text-anchor="start" x="713.5" y="-5968.8" font-family="Helvetica,sans-Serif" font-size="9.00">about.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/about/about.module.ts&#45;&gt;src/app/features/about/about.component.ts -->
-<g id="edge101" class="edge">
+<g id="edge108" class="edge">
 <title>src/app/features/about/about.module.ts&#45;&gt;src/app/features/about/about.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.54,-5582.38C437.56,-5583.92 441.45,-5585.77 445,-5588 449.82,-5591.03 447.87,-5595.53 453,-5598 494.91,-5618.14 622.3,-5603.78 698.86,-5592.64"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.57,-5594.66 705.2,-5591.71 698.96,-5590.51 699.57,-5594.66"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.76,-5956.21C440.21,-5956.12 446.78,-5956.05 453,-5956 533.89,-5955.37 554.26,-5951.13 635,-5956 656.08,-5957.27 679.07,-5959.74 699.46,-5962.32"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.2,-5964.41 705.42,-5963.09 699.73,-5960.24 699.2,-5964.41"/>
 </g>
 <!-- src/app/features/blog/blog.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge106" class="edge">
+<g id="edge113" class="edge">
 <title>src/app/features/blog/blog.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.7,-5472.11C413.19,-5484.36 435.74,-5507.55 445,-5533 451.46,-5550.75 439.48,-5859.8 453,-5873 510.87,-5929.52 577.75,-5930.14 635,-5873 656.09,-5851.95 623.98,-1605.93 643,-1583 656.46,-1566.77 677.84,-1560.03 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M390.88,-5523.95C399.33,-5482.83 433.83,-5309.33 445,-5165 447.46,-5133.28 443.6,-2904.4 453,-2874 495.55,-2736.45 592.15,-2743.46 635,-2606 639.27,-2592.3 633.81,-1584.01 643,-1573 656.51,-1556.81 677.89,-1550.08 698.64,-1547.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.59,-1549.41 712.44,-1546.92 706.32,-1545.22 706.59,-1549.41"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.46,-1547.31 703.46,-1547.51 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.07" cy="-1547.66" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/blog/blog&#45;routing.module.ts -->
-<g id="node86" class="node">
+<g id="node89" class="node">
 <title>src/app/features/blog/blog&#45;routing.module.ts</title>
-<g id="a_node86"><a xlink:href="src/app/features/blog/blog-routing.module.ts" xlink:title="blog&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M610,-5472C610,-5472 502,-5472 502,-5472 499,-5472 496,-5469 496,-5466 496,-5466 496,-5460 496,-5460 496,-5457 499,-5454 502,-5454 502,-5454 610,-5454 610,-5454 613,-5454 616,-5457 616,-5460 616,-5460 616,-5466 616,-5466 616,-5469 613,-5472 610,-5472"/>
-<text text-anchor="start" x="504" y="-5460.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog&#45;routing.module.ts</text>
+<g id="a_node89"><a xlink:href="src/app/features/blog/blog-routing.module.ts" xlink:title="blog&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M610,-5572C610,-5572 502,-5572 502,-5572 499,-5572 496,-5569 496,-5566 496,-5566 496,-5560 496,-5560 496,-5557 499,-5554 502,-5554 502,-5554 610,-5554 610,-5554 613,-5554 616,-5557 616,-5560 616,-5560 616,-5566 616,-5566 616,-5569 613,-5572 610,-5572"/>
+<text text-anchor="start" x="504" y="-5560.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/blog/blog.module.ts&#45;&gt;src/app/features/blog/blog&#45;routing.module.ts -->
-<g id="edge105" class="edge">
+<g id="edge112" class="edge">
 <title>src/app/features/blog/blog.module.ts&#45;&gt;src/app/features/blog/blog&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M430.03,-5463C448.04,-5463 469.63,-5463 489.76,-5463"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="489.95,-5465.1 495.95,-5463 489.95,-5460.9 489.95,-5465.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M425.1,-5542.02C434.18,-5544.13 443.92,-5546.27 453,-5548 464.86,-5550.26 477.55,-5552.37 489.82,-5554.25"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="489.55,-5556.33 495.8,-5555.16 490.18,-5552.18 489.55,-5556.33"/>
 </g>
 <!-- src/app/features/bookmarks/bookmarks.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge110" class="edge">
+<g id="edge117" class="edge">
 <title>src/app/features/bookmarks/bookmarks.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.72,-5382.11C413.23,-5394.35 435.79,-5417.53 445,-5443 452.86,-5464.74 436.5,-5842.81 453,-5859 481.87,-5887.32 606.37,-5887.57 635,-5859 656.02,-5838.02 624.04,-1605.85 643,-1583 656.46,-1566.77 677.84,-1560.03 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M391.11,-5088C399.94,-5049.89 433.92,-4898 445,-4771 449.87,-4715.18 437.96,-2807.97 453,-2754 495.26,-2602.3 592.35,-2601.59 635,-2450 641.6,-2426.55 627.38,-1591.69 643,-1573 656.52,-1556.82 677.91,-1550.09 698.65,-1547.83"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.61,-1549.42 712.46,-1546.93 706.33,-1545.22 706.61,-1549.42"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.47,-1547.32 703.47,-1547.52 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.08" cy="-1547.67" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/bookmarks/bookmarks&#45;routing.module.ts -->
-<g id="node89" class="node">
+<g id="node92" class="node">
 <title>src/app/features/bookmarks/bookmarks&#45;routing.module.ts</title>
-<g id="a_node89"><a xlink:href="src/app/features/bookmarks/bookmarks-routing.module.ts" xlink:title="bookmarks&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M625,-5382C625,-5382 487,-5382 487,-5382 484,-5382 481,-5379 481,-5376 481,-5376 481,-5370 481,-5370 481,-5367 484,-5364 487,-5364 487,-5364 625,-5364 625,-5364 628,-5364 631,-5367 631,-5370 631,-5370 631,-5376 631,-5376 631,-5379 628,-5382 625,-5382"/>
-<text text-anchor="start" x="489" y="-5370.8" font-family="Helvetica,sans-Serif" font-size="9.00">bookmarks&#45;routing.module.ts</text>
+<g id="a_node92"><a xlink:href="src/app/features/bookmarks/bookmarks-routing.module.ts" xlink:title="bookmarks&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M625,-5136C625,-5136 487,-5136 487,-5136 484,-5136 481,-5133 481,-5130 481,-5130 481,-5124 481,-5124 481,-5121 484,-5118 487,-5118 487,-5118 625,-5118 625,-5118 628,-5118 631,-5121 631,-5124 631,-5124 631,-5130 631,-5130 631,-5133 628,-5136 625,-5136"/>
+<text text-anchor="start" x="489" y="-5124.8" font-family="Helvetica,sans-Serif" font-size="9.00">bookmarks&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/bookmarks/bookmarks.module.ts&#45;&gt;src/app/features/bookmarks/bookmarks&#45;routing.module.ts -->
-<g id="edge109" class="edge">
+<g id="edge116" class="edge">
 <title>src/app/features/bookmarks/bookmarks.module.ts&#45;&gt;src/app/features/bookmarks/bookmarks&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M445.2,-5373C454.7,-5373 464.73,-5373 474.71,-5373"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="474.91,-5375.1 480.91,-5373 474.91,-5370.9 474.91,-5375.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M425.1,-5106.02C434.18,-5108.13 443.92,-5110.27 453,-5112 462.32,-5113.77 472.15,-5115.46 481.88,-5117.01"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="481.67,-5119.1 487.93,-5117.96 482.33,-5114.95 481.67,-5119.1"/>
 </g>
 <!-- src/app/features/dashboard/dashboard.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge114" class="edge">
+<g id="edge121" class="edge">
 <title>src/app/features/dashboard/dashboard.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.75,-5022.1C413.3,-5034.32 435.89,-5057.5 445,-5083 451.73,-5101.84 438.78,-5788.94 453,-5803 481.76,-5831.44 606.37,-5831.57 635,-5803 655.74,-5782.3 624.29,-1605.55 643,-1583 656.46,-1566.77 677.84,-1560.03 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M391.62,-4693.92C401.17,-4660.26 434.14,-4539.31 445,-4437 446.45,-4423.33 443.83,-2467.25 453,-2457 507.3,-2396.32 580.54,-2496.54 635,-2436 651.03,-2418.18 627.62,-1591.39 643,-1573 656.52,-1556.82 677.91,-1550.09 698.65,-1547.83"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.61,-1549.42 712.46,-1546.93 706.33,-1545.23 706.61,-1549.42"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.47,-1547.32 703.48,-1547.52 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.08" cy="-1547.67" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/dashboard/dashboard&#45;routing.module.ts -->
-<g id="node92" class="node">
+<g id="node95" class="node">
 <title>src/app/features/dashboard/dashboard&#45;routing.module.ts</title>
-<g id="a_node92"><a xlink:href="src/app/features/dashboard/dashboard-routing.module.ts" xlink:title="dashboard&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M624.5,-5022C624.5,-5022 487.5,-5022 487.5,-5022 484.5,-5022 481.5,-5019 481.5,-5016 481.5,-5016 481.5,-5010 481.5,-5010 481.5,-5007 484.5,-5004 487.5,-5004 487.5,-5004 624.5,-5004 624.5,-5004 627.5,-5004 630.5,-5007 630.5,-5010 630.5,-5010 630.5,-5016 630.5,-5016 630.5,-5019 627.5,-5022 624.5,-5022"/>
-<text text-anchor="start" x="489.5" y="-5010.8" font-family="Helvetica,sans-Serif" font-size="9.00">dashboard&#45;routing.module.ts</text>
+<g id="a_node95"><a xlink:href="src/app/features/dashboard/dashboard-routing.module.ts" xlink:title="dashboard&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M624.5,-4742C624.5,-4742 487.5,-4742 487.5,-4742 484.5,-4742 481.5,-4739 481.5,-4736 481.5,-4736 481.5,-4730 481.5,-4730 481.5,-4727 484.5,-4724 487.5,-4724 487.5,-4724 624.5,-4724 624.5,-4724 627.5,-4724 630.5,-4727 630.5,-4730 630.5,-4730 630.5,-4736 630.5,-4736 630.5,-4739 627.5,-4742 624.5,-4742"/>
+<text text-anchor="start" x="489.5" y="-4730.8" font-family="Helvetica,sans-Serif" font-size="9.00">dashboard&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/dashboard/dashboard.module.ts&#45;&gt;src/app/features/dashboard/dashboard&#45;routing.module.ts -->
-<g id="edge113" class="edge">
+<g id="edge120" class="edge">
 <title>src/app/features/dashboard/dashboard.module.ts&#45;&gt;src/app/features/dashboard/dashboard&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M444.74,-5013C454.58,-5013 465,-5013 475.34,-5013"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="475.42,-5015.1 481.42,-5013 475.42,-5010.9 475.42,-5015.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M425.1,-4712.02C434.18,-4714.13 443.92,-4716.27 453,-4718 462.32,-4719.77 472.15,-4721.46 481.88,-4723.01"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="481.67,-4725.1 487.93,-4723.96 482.33,-4720.95 481.67,-4725.1"/>
 </g>
 <!-- src/app/features/events/events.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge142" class="edge">
+<g id="edge149" class="edge">
 <title>src/app/features/events/events.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M562.02,-3775.7C576.85,-3747.63 620.31,-3660.95 635,-3583 637.57,-3569.35 634.12,-1593.68 643,-1583 656.48,-1566.79 677.86,-1560.05 698.61,-1557.79"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.57,-1559.38 712.42,-1556.89 706.29,-1555.19 706.57,-1559.38"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.43,-1557.29 703.43,-1557.48 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.04" cy="-1557.64" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M561.62,-5807.84C576.06,-5778.63 620.28,-5684.64 635,-5601 637.42,-5587.23 634.07,-1583.76 643,-1573 656.47,-1556.77 677.84,-1550.04 698.59,-1547.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1549.37 712.4,-1546.88 706.28,-1545.18 706.55,-1549.37"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1547.27 703.42,-1547.47 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1547.62" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/events/components/event&#45;card/event&#45;card.component.ts -->
-<g id="node96" class="node">
+<g id="node68" class="node">
 <title>src/app/features/events/components/event&#45;card/event&#45;card.component.ts</title>
-<g id="a_node96"><a xlink:href="src/app/features/events/components/event-card/event-card.component.ts" xlink:title="event&#45;card.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1015,-3630C1015,-3630 896,-3630 896,-3630 893,-3630 890,-3627 890,-3624 890,-3624 890,-3618 890,-3618 890,-3615 893,-3612 896,-3612 896,-3612 1015,-3612 1015,-3612 1018,-3612 1021,-3615 1021,-3618 1021,-3618 1021,-3624 1021,-3624 1021,-3627 1018,-3630 1015,-3630"/>
-<text text-anchor="start" x="898" y="-3618.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;card.component.ts</text>
+<g id="a_node68"><a xlink:href="src/app/features/events/components/event-card/event-card.component.ts" xlink:title="event&#45;card.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1015,-5648C1015,-5648 896,-5648 896,-5648 893,-5648 890,-5645 890,-5642 890,-5642 890,-5636 890,-5636 890,-5633 893,-5630 896,-5630 896,-5630 1015,-5630 1015,-5630 1018,-5630 1021,-5633 1021,-5636 1021,-5636 1021,-5642 1021,-5642 1021,-5645 1018,-5648 1015,-5648"/>
+<text text-anchor="start" x="898" y="-5636.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;card.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/events/events.module.ts&#45;&gt;src/app/features/events/components/event&#45;card/event&#45;card.component.ts -->
-<g id="edge138" class="edge">
+<g id="edge145" class="edge">
 <title>src/app/features/events/events.module.ts&#45;&gt;src/app/features/events/components/event&#45;card/event&#45;card.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M603.53,-3791.3C677.83,-3800.21 818.41,-3811.99 853,-3779 872.02,-3760.86 845.79,-3682.43 861,-3661 870.83,-3647.15 886.47,-3638.06 902.17,-3632.11"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="903,-3634.05 907.95,-3630.06 901.59,-3630.09 903,-3634.05"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M603.82,-5811.65C616.52,-5810.33 630.28,-5809 643,-5808 654.65,-5807.09 844.68,-5805.2 853,-5797 871.73,-5778.56 845.79,-5700.43 861,-5679 870.83,-5665.15 886.47,-5656.06 902.17,-5650.11"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="903,-5652.05 907.95,-5648.06 901.59,-5648.09 903,-5652.05"/>
 </g>
 <!-- src/app/features/events/components/event&#45;list/event&#45;list.component.ts -->
-<g id="node100" class="node">
+<g id="node102" class="node">
 <title>src/app/features/events/components/event&#45;list/event&#45;list.component.ts</title>
-<g id="a_node100"><a xlink:href="src/app/features/events/components/event-list/event-list.component.ts" xlink:title="event&#45;list.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1011.5,-3750C1011.5,-3750 899.5,-3750 899.5,-3750 896.5,-3750 893.5,-3747 893.5,-3744 893.5,-3744 893.5,-3738 893.5,-3738 893.5,-3735 896.5,-3732 899.5,-3732 899.5,-3732 1011.5,-3732 1011.5,-3732 1014.5,-3732 1017.5,-3735 1017.5,-3738 1017.5,-3738 1017.5,-3744 1017.5,-3744 1017.5,-3747 1014.5,-3750 1011.5,-3750"/>
-<text text-anchor="start" x="901.5" y="-3738.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;list.component.ts</text>
+<g id="a_node102"><a xlink:href="src/app/features/events/components/event-list/event-list.component.ts" xlink:title="event&#45;list.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1011.5,-5768C1011.5,-5768 899.5,-5768 899.5,-5768 896.5,-5768 893.5,-5765 893.5,-5762 893.5,-5762 893.5,-5756 893.5,-5756 893.5,-5753 896.5,-5750 899.5,-5750 899.5,-5750 1011.5,-5750 1011.5,-5750 1014.5,-5750 1017.5,-5753 1017.5,-5756 1017.5,-5756 1017.5,-5762 1017.5,-5762 1017.5,-5765 1014.5,-5768 1011.5,-5768"/>
+<text text-anchor="start" x="901.5" y="-5756.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;list.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/events/events.module.ts&#45;&gt;src/app/features/events/components/event&#45;list/event&#45;list.component.ts -->
-<g id="edge139" class="edge">
+<g id="edge146" class="edge">
 <title>src/app/features/events/events.module.ts&#45;&gt;src/app/features/events/components/event&#45;list/event&#45;list.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M566,-3794.18C580.6,-3808.35 611.04,-3834.95 643,-3845 665.26,-3852 835.79,-3860.76 853,-3845 867.97,-3831.29 847.01,-3768.71 861,-3754 868.08,-3746.55 877.3,-3741.97 887.19,-3739.31"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="887.7,-3741.34 893.07,-3737.95 886.76,-3737.25 887.7,-3741.34"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M572.84,-5826.15C589.62,-5835.28 617.21,-5848.69 643,-5854 665.85,-5858.71 835.72,-5869.68 853,-5854 866.56,-5841.7 848.32,-5785.21 861,-5772 868.12,-5764.59 877.35,-5760.03 887.25,-5757.36"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="887.76,-5759.4 893.14,-5756.01 886.82,-5755.31 887.76,-5759.4"/>
 </g>
 <!-- src/app/features/events/components/event/event.component.ts -->
-<g id="node102" class="node">
+<g id="node104" class="node">
 <title>src/app/features/events/components/event/event.component.ts</title>
-<g id="a_node102"><a xlink:href="src/app/features/events/components/event/event.component.ts" xlink:title="event.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1003.5,-3690C1003.5,-3690 907.5,-3690 907.5,-3690 904.5,-3690 901.5,-3687 901.5,-3684 901.5,-3684 901.5,-3678 901.5,-3678 901.5,-3675 904.5,-3672 907.5,-3672 907.5,-3672 1003.5,-3672 1003.5,-3672 1006.5,-3672 1009.5,-3675 1009.5,-3678 1009.5,-3678 1009.5,-3684 1009.5,-3684 1009.5,-3687 1006.5,-3690 1003.5,-3690"/>
-<text text-anchor="start" x="909.5" y="-3678.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.component.ts</text>
+<g id="a_node104"><a xlink:href="src/app/features/events/components/event/event.component.ts" xlink:title="event.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1003.5,-5708C1003.5,-5708 907.5,-5708 907.5,-5708 904.5,-5708 901.5,-5705 901.5,-5702 901.5,-5702 901.5,-5696 901.5,-5696 901.5,-5693 904.5,-5690 907.5,-5690 907.5,-5690 1003.5,-5690 1003.5,-5690 1006.5,-5690 1009.5,-5693 1009.5,-5696 1009.5,-5696 1009.5,-5702 1009.5,-5702 1009.5,-5705 1006.5,-5708 1003.5,-5708"/>
+<text text-anchor="start" x="909.5" y="-5696.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/events/events.module.ts&#45;&gt;src/app/features/events/components/event/event.component.ts -->
-<g id="edge140" class="edge">
+<g id="edge147" class="edge">
 <title>src/app/features/events/events.module.ts&#45;&gt;src/app/features/events/components/event/event.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M568.38,-3794.1C584.08,-3806 613.76,-3826.26 643,-3834 665.56,-3839.97 835.93,-3849.91 853,-3834 871.42,-3816.84 846.4,-3741.51 861,-3721 870.85,-3707.16 886.5,-3698.08 902.19,-3692.13"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="903.02,-3694.06 907.97,-3690.07 901.61,-3690.11 903.02,-3694.06"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M603.54,-5818.68C682.3,-5821.06 835.12,-5823.45 853,-5807 864.2,-5796.7 851.89,-5751.19 861,-5739 871.36,-5725.15 887.48,-5716.04 903.44,-5710.07"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="904.33,-5711.98 909.3,-5708.01 902.94,-5708.02 904.33,-5711.98"/>
 </g>
 <!-- src/app/features/events/events&#45;routing.module.ts -->
-<g id="node105" class="node">
+<g id="node107" class="node">
 <title>src/app/features/events/events&#45;routing.module.ts</title>
-<g id="a_node105"><a xlink:href="src/app/features/events/events-routing.module.ts" xlink:title="events&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M819.5,-3828C819.5,-3828 700.5,-3828 700.5,-3828 697.5,-3828 694.5,-3825 694.5,-3822 694.5,-3822 694.5,-3816 694.5,-3816 694.5,-3813 697.5,-3810 700.5,-3810 700.5,-3810 819.5,-3810 819.5,-3810 822.5,-3810 825.5,-3813 825.5,-3816 825.5,-3816 825.5,-3822 825.5,-3822 825.5,-3825 822.5,-3828 819.5,-3828"/>
-<text text-anchor="start" x="702.5" y="-3816.8" font-family="Helvetica,sans-Serif" font-size="9.00">events&#45;routing.module.ts</text>
+<g id="a_node107"><a xlink:href="src/app/features/events/events-routing.module.ts" xlink:title="events&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M819.5,-5848C819.5,-5848 700.5,-5848 700.5,-5848 697.5,-5848 694.5,-5845 694.5,-5842 694.5,-5842 694.5,-5836 694.5,-5836 694.5,-5833 697.5,-5830 700.5,-5830 700.5,-5830 819.5,-5830 819.5,-5830 822.5,-5830 825.5,-5833 825.5,-5836 825.5,-5836 825.5,-5842 825.5,-5842 825.5,-5845 822.5,-5848 819.5,-5848"/>
+<text text-anchor="start" x="702.5" y="-5836.8" font-family="Helvetica,sans-Serif" font-size="9.00">events&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/events/events.module.ts&#45;&gt;src/app/features/events/events&#45;routing.module.ts -->
-<g id="edge141" class="edge">
+<g id="edge148" class="edge">
 <title>src/app/features/events/events.module.ts&#45;&gt;src/app/features/events/events&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M603.6,-3792.84C632.11,-3797.64 668.86,-3803.83 699.46,-3808.98"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.23,-3811.07 705.5,-3810 699.93,-3806.93 699.23,-3811.07"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M603.6,-5822.07C628.62,-5824.8 659.99,-5828.22 687.98,-5831.27"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="688.08,-5833.39 694.27,-5831.95 688.54,-5829.21 688.08,-5833.39"/>
 </g>
 <!-- src/app/features/friends/friends.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge151" class="edge">
+<g id="edge158" class="edge">
 <title>src/app/features/friends/friends.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.77,-4634.09C413.32,-4646.31 435.94,-4669.48 445,-4695 449.89,-4708.77 442.63,-5736.71 453,-5747 481.71,-5775.49 606.37,-5775.57 635,-5747 655.47,-5726.57 624.53,-1605.25 643,-1583 656.46,-1566.77 677.84,-1560.04 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M429.6,-4359.89C435.67,-4356.78 441.16,-4352.6 445,-4347 459.94,-4325.18 435.42,-2462.75 453,-2443 507.17,-2382.14 580.67,-2481.72 635,-2421 650.71,-2403.45 627.89,-1591.07 643,-1573 656.53,-1556.82 677.91,-1550.1 698.66,-1547.83"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.61,-1549.42 712.46,-1546.93 706.33,-1545.23 706.61,-1549.42"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.47,-1547.32 703.48,-1547.52 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.08" cy="-1547.68" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/friends/friends&#45;routing.module.ts -->
-<g id="node108" class="node">
+<g id="node110" class="node">
 <title>src/app/features/friends/friends&#45;routing.module.ts</title>
-<g id="a_node108"><a xlink:href="src/app/features/friends/friends-routing.module.ts" xlink:title="friends&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M615.5,-4634C615.5,-4634 496.5,-4634 496.5,-4634 493.5,-4634 490.5,-4631 490.5,-4628 490.5,-4628 490.5,-4622 490.5,-4622 490.5,-4619 493.5,-4616 496.5,-4616 496.5,-4616 615.5,-4616 615.5,-4616 618.5,-4616 621.5,-4619 621.5,-4622 621.5,-4622 621.5,-4628 621.5,-4628 621.5,-4631 618.5,-4634 615.5,-4634"/>
-<text text-anchor="start" x="498.5" y="-4622.8" font-family="Helvetica,sans-Serif" font-size="9.00">friends&#45;routing.module.ts</text>
+<g id="a_node110"><a xlink:href="src/app/features/friends/friends-routing.module.ts" xlink:title="friends&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M615.5,-4408C615.5,-4408 496.5,-4408 496.5,-4408 493.5,-4408 490.5,-4405 490.5,-4402 490.5,-4402 490.5,-4396 490.5,-4396 490.5,-4393 493.5,-4390 496.5,-4390 496.5,-4390 615.5,-4390 615.5,-4390 618.5,-4390 621.5,-4393 621.5,-4396 621.5,-4396 621.5,-4402 621.5,-4402 621.5,-4405 618.5,-4408 615.5,-4408"/>
+<text text-anchor="start" x="498.5" y="-4396.8" font-family="Helvetica,sans-Serif" font-size="9.00">friends&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/friends/friends.module.ts&#45;&gt;src/app/features/friends/friends&#45;routing.module.ts -->
-<g id="edge150" class="edge">
+<g id="edge157" class="edge">
 <title>src/app/features/friends/friends.module.ts&#45;&gt;src/app/features/friends/friends&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M435.68,-4625C450.8,-4625 467.92,-4625 484.37,-4625"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="484.4,-4627.1 490.4,-4625 484.4,-4622.9 484.4,-4627.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M425.1,-4378.02C434.18,-4380.13 443.92,-4382.27 453,-4384 463.07,-4385.92 473.74,-4387.73 484.23,-4389.38"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="484.13,-4391.49 490.38,-4390.34 484.78,-4387.34 484.13,-4391.49"/>
 </g>
 <!-- src/app/features/groups/groups.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge168" class="edge">
+<g id="edge175" class="edge">
 <title>src/app/features/groups/groups.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M753.47,-5861.93C731.78,-5831.18 662.2,-5727.29 639,-5629 635.78,-5615.35 634.93,-1602.43 639,-1589 646.34,-1564.77 672.39,-1556.88 698.45,-1555.43"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.43,-1557.41 712.4,-1555.22 706.37,-1553.21 706.43,-1557.41"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.4,-1555.31 703.4,-1555.35 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701" cy="-1555.39" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M754.06,-5413.93C733.05,-5381.26 662.33,-5265.89 639,-5159 636.35,-5146.86 635.4,-1590.9 639,-1579 646.34,-1554.77 672.39,-1546.88 698.45,-1545.43"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.43,-1547.41 712.4,-1545.22 706.37,-1543.21 706.43,-1547.41"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.4,-1545.31 703.4,-1545.35 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701" cy="-1545.39" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/groups/components/group&#45;card/group&#45;card.component.ts -->
-<g id="node112" class="node">
+<g id="node73" class="node">
 <title>src/app/features/groups/components/group&#45;card/group&#45;card.component.ts</title>
-<g id="a_node112"><a xlink:href="src/app/features/groups/components/group-card/group-card.component.ts" xlink:title="group&#45;card.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1211.5,-5682C1211.5,-5682 1090.5,-5682 1090.5,-5682 1087.5,-5682 1084.5,-5679 1084.5,-5676 1084.5,-5676 1084.5,-5670 1084.5,-5670 1084.5,-5667 1087.5,-5664 1090.5,-5664 1090.5,-5664 1211.5,-5664 1211.5,-5664 1214.5,-5664 1217.5,-5667 1217.5,-5670 1217.5,-5670 1217.5,-5676 1217.5,-5676 1217.5,-5679 1214.5,-5682 1211.5,-5682"/>
-<text text-anchor="start" x="1092.5" y="-5670.8" font-family="Helvetica,sans-Serif" font-size="9.00">group&#45;card.component.ts</text>
+<g id="a_node73"><a xlink:href="src/app/features/groups/components/group-card/group-card.component.ts" xlink:title="group&#45;card.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1211.5,-5272C1211.5,-5272 1090.5,-5272 1090.5,-5272 1087.5,-5272 1084.5,-5269 1084.5,-5266 1084.5,-5266 1084.5,-5260 1084.5,-5260 1084.5,-5257 1087.5,-5254 1090.5,-5254 1090.5,-5254 1211.5,-5254 1211.5,-5254 1214.5,-5254 1217.5,-5257 1217.5,-5260 1217.5,-5260 1217.5,-5266 1217.5,-5266 1217.5,-5269 1214.5,-5272 1211.5,-5272"/>
+<text text-anchor="start" x="1092.5" y="-5260.8" font-family="Helvetica,sans-Serif" font-size="9.00">group&#45;card.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/groups/groups.module.ts&#45;&gt;src/app/features/groups/components/group&#45;card/group&#45;card.component.ts -->
-<g id="edge164" class="edge">
+<g id="edge171" class="edge">
 <title>src/app/features/groups/groups.module.ts&#45;&gt;src/app/features/groups/components/group&#45;card/group&#45;card.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M808.03,-5863.76C824.74,-5861.23 843.7,-5858.43 861,-5856 903.5,-5850.04 1023.11,-5862.27 1052.5,-5831 1070.5,-5811.85 1045.46,-5734.56 1060.5,-5713 1070.13,-5699.2 1085.66,-5690.09 1101.11,-5684.11"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.87,-5686.07 1106.79,-5682.05 1100.43,-5682.13 1101.87,-5686.07"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M808.1,-5427.14C886.07,-5433.49 1035.15,-5443.27 1052.5,-5427 1072.64,-5408.11 1044.74,-5325.67 1060.5,-5303 1070.1,-5289.18 1085.64,-5280.07 1101.09,-5274.1"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.84,-5276.06 1106.77,-5272.03 1100.41,-5272.11 1101.84,-5276.06"/>
 </g>
 <!-- src/app/features/groups/components/group&#45;list/group&#45;list.component.ts -->
-<g id="node114" class="node">
+<g id="node115" class="node">
 <title>src/app/features/groups/components/group&#45;list/group&#45;list.component.ts</title>
-<g id="a_node114"><a xlink:href="src/app/features/groups/components/group-list/group-list.component.ts" xlink:title="group&#45;list.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1207.5,-5802C1207.5,-5802 1094.5,-5802 1094.5,-5802 1091.5,-5802 1088.5,-5799 1088.5,-5796 1088.5,-5796 1088.5,-5790 1088.5,-5790 1088.5,-5787 1091.5,-5784 1094.5,-5784 1094.5,-5784 1207.5,-5784 1207.5,-5784 1210.5,-5784 1213.5,-5787 1213.5,-5790 1213.5,-5790 1213.5,-5796 1213.5,-5796 1213.5,-5799 1210.5,-5802 1207.5,-5802"/>
-<text text-anchor="start" x="1096.5" y="-5790.8" font-family="Helvetica,sans-Serif" font-size="9.00">group&#45;list.component.ts</text>
+<g id="a_node115"><a xlink:href="src/app/features/groups/components/group-list/group-list.component.ts" xlink:title="group&#45;list.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1207.5,-5332C1207.5,-5332 1094.5,-5332 1094.5,-5332 1091.5,-5332 1088.5,-5329 1088.5,-5326 1088.5,-5326 1088.5,-5320 1088.5,-5320 1088.5,-5317 1091.5,-5314 1094.5,-5314 1094.5,-5314 1207.5,-5314 1207.5,-5314 1210.5,-5314 1213.5,-5317 1213.5,-5320 1213.5,-5320 1213.5,-5326 1213.5,-5326 1213.5,-5329 1210.5,-5332 1207.5,-5332"/>
+<text text-anchor="start" x="1096.5" y="-5320.8" font-family="Helvetica,sans-Serif" font-size="9.00">group&#45;list.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/groups/groups.module.ts&#45;&gt;src/app/features/groups/components/group&#45;list/group&#45;list.component.ts -->
-<g id="edge165" class="edge">
+<g id="edge172" class="edge">
 <title>src/app/features/groups/groups.module.ts&#45;&gt;src/app/features/groups/components/group&#45;list/group&#45;list.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M808.24,-5869.9C823.53,-5871.49 839.91,-5875.43 853,-5884 858.68,-5887.72 855.08,-5893.69 861,-5897 879.57,-5907.38 1036.81,-5911.37 1052.5,-5897 1067.47,-5883.29 1046.56,-5820.75 1060.5,-5806 1066.55,-5799.6 1074.24,-5795.38 1082.56,-5792.7"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1083.19,-5794.7 1088.41,-5791.07 1082.07,-5790.65 1083.19,-5794.7"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M799.85,-5432.02C870.68,-5447.42 1016.8,-5474.09 1052.5,-5441 1069.66,-5425.09 1044.53,-5353.1 1060.5,-5336 1066.51,-5329.57 1074.18,-5325.33 1082.49,-5322.63"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1083.12,-5324.64 1088.34,-5321 1081.99,-5320.59 1083.12,-5324.64"/>
 </g>
 <!-- src/app/features/groups/components/group/group.component.ts -->
-<g id="node116" class="node">
+<g id="node117" class="node">
 <title>src/app/features/groups/components/group/group.component.ts</title>
-<g id="a_node116"><a xlink:href="src/app/features/groups/components/group/group.component.ts" xlink:title="group.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1200,-5742C1200,-5742 1102,-5742 1102,-5742 1099,-5742 1096,-5739 1096,-5736 1096,-5736 1096,-5730 1096,-5730 1096,-5727 1099,-5724 1102,-5724 1102,-5724 1200,-5724 1200,-5724 1203,-5724 1206,-5727 1206,-5730 1206,-5730 1206,-5736 1206,-5736 1206,-5739 1203,-5742 1200,-5742"/>
-<text text-anchor="start" x="1104" y="-5730.8" font-family="Helvetica,sans-Serif" font-size="9.00">group.component.ts</text>
+<g id="a_node117"><a xlink:href="src/app/features/groups/components/group/group.component.ts" xlink:title="group.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1200,-5212C1200,-5212 1102,-5212 1102,-5212 1099,-5212 1096,-5209 1096,-5206 1096,-5206 1096,-5200 1096,-5200 1096,-5197 1099,-5194 1102,-5194 1102,-5194 1200,-5194 1200,-5194 1203,-5194 1206,-5197 1206,-5200 1206,-5200 1206,-5206 1206,-5206 1206,-5209 1203,-5212 1200,-5212"/>
+<text text-anchor="start" x="1104" y="-5200.8" font-family="Helvetica,sans-Serif" font-size="9.00">group.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/groups/groups.module.ts&#45;&gt;src/app/features/groups/components/group/group.component.ts -->
-<g id="edge166" class="edge">
+<g id="edge173" class="edge">
 <title>src/app/features/groups/groups.module.ts&#45;&gt;src/app/features/groups/components/group/group.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M808.43,-5876.74C822.8,-5878.73 838.59,-5881.19 853,-5884 856.6,-5884.7 857.36,-5885.55 861,-5886 882.12,-5888.6 1036.93,-5900.5 1052.5,-5886 1070.92,-5868.84 1046.07,-5793.63 1060.5,-5773 1070.15,-5759.21 1085.69,-5750.11 1101.14,-5744.13"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.89,-5746.09 1106.81,-5742.06 1100.46,-5742.14 1101.89,-5746.09"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M808.06,-5423.53C888.32,-5424.19 1043.93,-5424.38 1052.5,-5416 1066.26,-5402.55 1049.66,-5258.9 1060.5,-5243 1069.89,-5229.22 1085.2,-5220.13 1100.53,-5214.16"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.25,-5216.13 1106.16,-5212.1 1099.81,-5212.19 1101.25,-5216.13"/>
 </g>
 <!-- src/app/features/groups/groups&#45;routing.module.ts -->
-<g id="node117" class="node">
+<g id="node118" class="node">
 <title>src/app/features/groups/groups&#45;routing.module.ts</title>
-<g id="a_node117"><a xlink:href="src/app/features/groups/groups-routing.module.ts" xlink:title="groups&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M1015.5,-5880C1015.5,-5880 895.5,-5880 895.5,-5880 892.5,-5880 889.5,-5877 889.5,-5874 889.5,-5874 889.5,-5868 889.5,-5868 889.5,-5865 892.5,-5862 895.5,-5862 895.5,-5862 1015.5,-5862 1015.5,-5862 1018.5,-5862 1021.5,-5865 1021.5,-5868 1021.5,-5868 1021.5,-5874 1021.5,-5874 1021.5,-5877 1018.5,-5880 1015.5,-5880"/>
-<text text-anchor="start" x="897.5" y="-5868.8" font-family="Helvetica,sans-Serif" font-size="9.00">groups&#45;routing.module.ts</text>
+<g id="a_node118"><a xlink:href="src/app/features/groups/groups-routing.module.ts" xlink:title="groups&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M1015.5,-5410C1015.5,-5410 895.5,-5410 895.5,-5410 892.5,-5410 889.5,-5407 889.5,-5404 889.5,-5404 889.5,-5398 889.5,-5398 889.5,-5395 892.5,-5392 895.5,-5392 895.5,-5392 1015.5,-5392 1015.5,-5392 1018.5,-5392 1021.5,-5395 1021.5,-5398 1021.5,-5398 1021.5,-5404 1021.5,-5404 1021.5,-5407 1018.5,-5410 1015.5,-5410"/>
+<text text-anchor="start" x="897.5" y="-5398.8" font-family="Helvetica,sans-Serif" font-size="9.00">groups&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/groups/groups.module.ts&#45;&gt;src/app/features/groups/groups&#45;routing.module.ts -->
-<g id="edge167" class="edge">
+<g id="edge174" class="edge">
 <title>src/app/features/groups/groups.module.ts&#45;&gt;src/app/features/groups/groups&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M808.34,-5871C830.82,-5871 858.17,-5871 883.11,-5871"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="883.39,-5873.1 889.39,-5871 883.39,-5868.9 883.39,-5873.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M808.34,-5417.62C830.92,-5415.05 858.41,-5411.93 883.43,-5409.08"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="883.67,-5411.17 889.39,-5408.4 883.19,-5406.99 883.67,-5411.17"/>
 </g>
 <!-- src/app/features/home/home.module.ts&#45;&gt;src/app/features/events/events.module.ts -->
-<g id="edge183" class="edge">
+<g id="edge190" class="edge">
 <title>src/app/features/home/home.module.ts&#45;&gt;src/app/features/events/events.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M395.3,-3554.12C419.44,-3589.01 506.35,-3714.66 540.79,-3764.46"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="543.55,-3772.14 548.69,-3775.88 547,-3769.75 543.55,-3772.14"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.28,-3770.94 543.57,-3768.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="542.2" cy="-3766.5" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M410.3,-4048.06C422.86,-4054.64 437.69,-4064.89 445,-4079 454.72,-4097.77 448.32,-5580.39 453,-5601 470.33,-5677.36 517.58,-5758.58 541.19,-5795.95"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="543.71,-5803.74 548.72,-5807.65 547.24,-5801.47 543.71,-5803.74"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="545.47,-5802.6 543.85,-5800.08 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="542.55" cy="-5798.06" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/home/home.module.ts&#45;&gt;src/app/features/groups/groups.module.ts -->
-<g id="edge184" class="edge">
+<g id="edge191" class="edge">
 <title>src/app/features/home/home.module.ts&#45;&gt;src/app/features/groups/groups.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M390.88,-3554.2C399.31,-3596 433.74,-3772.37 445,-3919 445.91,-3930.88 444.81,-5626.34 453,-5635 466.92,-5649.72 617.88,-5635.17 635,-5646 709.18,-5692.89 742.58,-5800.62 754.07,-5847.96"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="753.77,-5856.14 757.15,-5861.53 757.87,-5855.21 753.77,-5856.14"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="755.82,-5855.68 755.16,-5852.75 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="754.63" cy="-5850.41" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M410.29,-4048.06C422.85,-4054.65 437.68,-4064.9 445,-4079 458.9,-4105.77 440.18,-5137.69 453,-5165 511.14,-5288.88 660.91,-5374.84 726.93,-5407.92"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="733.01,-5413.24 739.33,-5414 734.86,-5409.47 733.01,-5413.24"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="733.94,-5411.35 731.25,-5410.03 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="729.09" cy="-5408.98" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/home/home.module.ts&#45;&gt;src/app/features/news&#45;feed/news&#45;feed.module.ts -->
-<g id="edge185" class="edge">
+<g id="edge192" class="edge">
 <title>src/app/features/home/home.module.ts&#45;&gt;src/app/features/news&#45;feed/news&#45;feed.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.26,-3540.78C437.76,-3538.69 441.83,-3535.85 445,-3532 460.77,-3512.87 437.08,-3328.01 453,-3309 461.68,-3298.64 473.95,-3292.45 487,-3288.88"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="495.3,-3289.31 500.76,-3286.04 494.45,-3285.2 495.3,-3289.31"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="494.88,-3287.25 491.94,-3287.86 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="489.59" cy="-3288.34" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M410.22,-4048.1C422.75,-4054.71 437.57,-4064.95 445,-4079 463.6,-4114.17 431.84,-4403.31 453,-4437 464.38,-4455.12 484.23,-4467.2 503.41,-4475.11"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="510.11,-4479.83 516.47,-4479.94 511.57,-4475.89 510.11,-4479.83"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="510.84,-4477.86 508.03,-4476.82 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="505.78" cy="-4475.98" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/home/home.module.ts&#45;&gt;src/app/features/profile/profile.module.ts -->
-<g id="edge186" class="edge">
+<g id="edge193" class="edge">
 <title>src/app/features/home/home.module.ts&#45;&gt;src/app/features/profile/profile.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.07,-3540.96C437.66,-3538.86 441.8,-3535.96 445,-3532 463.39,-3509.21 434.43,-3027.64 453,-3005 463.39,-2992.32 479.18,-2985.86 495.26,-2982.8"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="503.66,-2983.8 509.33,-2980.92 503.1,-2979.63 503.66,-2983.8"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="503.38,-2981.71 500.41,-2982.11 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="498.03" cy="-2982.43" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M410.27,-4048.07C422.82,-4054.67 437.65,-4064.91 445,-4079 462.79,-4113.08 432.73,-4738.33 453,-4771 464.28,-4789.18 484.12,-4801.27 503.31,-4809.17"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="510.03,-4813.89 516.38,-4813.99 511.48,-4809.95 510.03,-4813.89"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="510.76,-4811.92 507.94,-4810.88 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="505.69" cy="-4810.05" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/home/home.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge189" class="edge">
+<g id="edge196" class="edge">
 <title>src/app/features/home/home.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M390.88,-3554.2C399.31,-3596 433.74,-3772.37 445,-3919 445.91,-3930.88 444.55,-5626.59 453,-5635 481.67,-5663.53 606.37,-5663.57 635,-5635 654.92,-5615.12 625.03,-1604.65 643,-1583 656.47,-1566.77 677.84,-1560.04 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M400.71,-4029.77C414.35,-4018.2 436.14,-3996.96 445,-3973 452.65,-3952.33 438.61,-2402.69 453,-2386 506.45,-2324.02 581.4,-2419.84 635,-2358 649.28,-2341.52 629.01,-1589.72 643,-1573 656.53,-1556.83 677.92,-1550.1 698.66,-1547.84"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.61,-1549.42 712.46,-1546.93 706.34,-1545.23 706.61,-1549.42"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.48,-1547.33 703.48,-1547.52 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.09" cy="-1547.68" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/home/home&#45;routing.module.ts -->
-<g id="node119" class="node">
+<g id="node120" class="node">
 <title>src/app/features/home/home&#45;routing.module.ts</title>
-<g id="a_node119"><a xlink:href="src/app/features/home/home-routing.module.ts" xlink:title="home&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M613,-3540C613,-3540 499,-3540 499,-3540 496,-3540 493,-3537 493,-3534 493,-3534 493,-3528 493,-3528 493,-3525 496,-3522 499,-3522 499,-3522 613,-3522 613,-3522 616,-3522 619,-3525 619,-3528 619,-3528 619,-3534 619,-3534 619,-3537 616,-3540 613,-3540"/>
-<text text-anchor="start" x="501" y="-3528.8" font-family="Helvetica,sans-Serif" font-size="9.00">home&#45;routing.module.ts</text>
+<g id="a_node120"><a xlink:href="src/app/features/home/home-routing.module.ts" xlink:title="home&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M613,-4048C613,-4048 499,-4048 499,-4048 496,-4048 493,-4045 493,-4042 493,-4042 493,-4036 493,-4036 493,-4033 496,-4030 499,-4030 499,-4030 613,-4030 613,-4030 616,-4030 619,-4033 619,-4036 619,-4036 619,-4042 619,-4042 619,-4045 616,-4048 613,-4048"/>
+<text text-anchor="start" x="501" y="-4036.8" font-family="Helvetica,sans-Serif" font-size="9.00">home&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/home/home.module.ts&#45;&gt;src/app/features/home/home&#45;routing.module.ts -->
-<g id="edge187" class="edge">
+<g id="edge194" class="edge">
 <title>src/app/features/home/home.module.ts&#45;&gt;src/app/features/home/home&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.05,-3541.29C449.53,-3539.89 468.66,-3538.28 486.82,-3536.75"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="487.13,-3538.83 492.93,-3536.23 486.78,-3534.65 487.13,-3538.83"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.05,-4039C449.53,-4039 468.66,-4039 486.82,-4039"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="486.93,-4041.1 492.93,-4039 486.93,-4036.9 486.93,-4041.1"/>
 </g>
 <!-- src/app/features/home/home.component.ts -->
-<g id="node120" class="node">
+<g id="node121" class="node">
 <title>src/app/features/home/home.component.ts</title>
-<g id="a_node120"><a xlink:href="src/app/features/home/home.component.ts" xlink:title="home.component.ts">
-<path fill="#ddfeff" stroke="black" d="M808,-3510C808,-3510 712,-3510 712,-3510 709,-3510 706,-3507 706,-3504 706,-3504 706,-3498 706,-3498 706,-3495 709,-3492 712,-3492 712,-3492 808,-3492 808,-3492 811,-3492 814,-3495 814,-3498 814,-3498 814,-3504 814,-3504 814,-3507 811,-3510 808,-3510"/>
-<text text-anchor="start" x="714" y="-3498.8" font-family="Helvetica,sans-Serif" font-size="9.00">home.component.ts</text>
+<g id="a_node121"><a xlink:href="src/app/features/home/home.component.ts" xlink:title="home.component.ts">
+<path fill="#ddfeff" stroke="black" d="M808,-4004C808,-4004 712,-4004 712,-4004 709,-4004 706,-4001 706,-3998 706,-3998 706,-3992 706,-3992 706,-3989 709,-3986 712,-3986 712,-3986 808,-3986 808,-3986 811,-3986 814,-3989 814,-3992 814,-3992 814,-3998 814,-3998 814,-4001 811,-4004 808,-4004"/>
+<text text-anchor="start" x="714" y="-3992.8" font-family="Helvetica,sans-Serif" font-size="9.00">home.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/home/home.module.ts&#45;&gt;src/app/features/home/home.component.ts -->
-<g id="edge188" class="edge">
+<g id="edge195" class="edge">
 <title>src/app/features/home/home.module.ts&#45;&gt;src/app/features/home/home.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.39,-3549.88C482.97,-3554.24 565.39,-3558.24 635,-3546 670.92,-3539.68 710.13,-3523.82 734.64,-3512.72"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="735.66,-3514.56 740.24,-3510.15 733.91,-3510.74 735.66,-3514.56"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M423.35,-4029.93C432.9,-4027.69 443.3,-4025.5 453,-4024 533.17,-4011.6 554.27,-4017.98 635,-4010 656.21,-4007.9 679.42,-4005.2 699.96,-4002.68"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="700.26,-4004.75 705.96,-4001.93 699.74,-4000.59 700.26,-4004.75"/>
 </g>
 <!-- src/app/features/invite/invite.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge193" class="edge">
+<g id="edge200" class="edge">
 <title>src/app/features/invite/invite.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M410.3,-4276.06C422.86,-4282.65 437.69,-4292.89 445,-4307 453.85,-4324.07 439.37,-5677.45 453,-5691 481.68,-5719.52 606.37,-5719.57 635,-5691 655.19,-5670.85 624.78,-1604.95 643,-1583 656.46,-1566.77 677.84,-1560.04 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M429.6,-4269.89C435.67,-4266.78 441.16,-4262.6 445,-4257 459.35,-4236.04 436.06,-2446.93 453,-2428 507.31,-2367.33 580.53,-2467.53 635,-2407 650.5,-2389.78 628.14,-1590.77 643,-1573 656.53,-1556.83 677.91,-1550.1 698.66,-1547.84"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.61,-1549.42 712.46,-1546.93 706.33,-1545.23 706.61,-1549.42"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.47,-1547.32 703.48,-1547.52 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.08" cy="-1547.68" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/invite/invite&#45;routing.module.ts -->
-<g id="node122" class="node">
+<g id="node123" class="node">
 <title>src/app/features/invite/invite&#45;routing.module.ts</title>
-<g id="a_node122"><a xlink:href="src/app/features/invite/invite-routing.module.ts" xlink:title="invite&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M612.5,-4246C612.5,-4246 499.5,-4246 499.5,-4246 496.5,-4246 493.5,-4243 493.5,-4240 493.5,-4240 493.5,-4234 493.5,-4234 493.5,-4231 496.5,-4228 499.5,-4228 499.5,-4228 612.5,-4228 612.5,-4228 615.5,-4228 618.5,-4231 618.5,-4234 618.5,-4234 618.5,-4240 618.5,-4240 618.5,-4243 615.5,-4246 612.5,-4246"/>
-<text text-anchor="start" x="501.5" y="-4234.8" font-family="Helvetica,sans-Serif" font-size="9.00">invite&#45;routing.module.ts</text>
+<g id="a_node123"><a xlink:href="src/app/features/invite/invite-routing.module.ts" xlink:title="invite&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M612.5,-4318C612.5,-4318 499.5,-4318 499.5,-4318 496.5,-4318 493.5,-4315 493.5,-4312 493.5,-4312 493.5,-4306 493.5,-4306 493.5,-4303 496.5,-4300 499.5,-4300 499.5,-4300 612.5,-4300 612.5,-4300 615.5,-4300 618.5,-4303 618.5,-4306 618.5,-4306 618.5,-4312 618.5,-4312 618.5,-4315 615.5,-4318 612.5,-4318"/>
+<text text-anchor="start" x="501.5" y="-4306.8" font-family="Helvetica,sans-Serif" font-size="9.00">invite&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/invite/invite.module.ts&#45;&gt;src/app/features/invite/invite&#45;routing.module.ts -->
-<g id="edge192" class="edge">
+<g id="edge199" class="edge">
 <title>src/app/features/invite/invite.module.ts&#45;&gt;src/app/features/invite/invite&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M425.1,-4257.98C434.18,-4255.87 443.92,-4253.73 453,-4252 464.08,-4249.89 475.89,-4247.91 487.39,-4246.12"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="487.76,-4248.19 493.37,-4245.21 487.12,-4244.04 487.76,-4248.19"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M425.1,-4288.02C434.18,-4290.13 443.92,-4292.27 453,-4294 464.08,-4296.11 475.89,-4298.09 487.39,-4299.88"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="487.12,-4301.96 493.37,-4300.79 487.76,-4297.81 487.12,-4301.96"/>
 </g>
 <!-- src/app/features/login/login.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge200" class="edge">
+<g id="edge207" class="edge">
 <title>src/app/features/login/login.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M410.3,-3992.06C422.86,-3998.64 437.69,-4008.89 445,-4023 455.38,-4043.06 436.99,-5633.07 453,-5649 481.67,-5677.53 606.37,-5677.57 635,-5649 654.99,-5629.05 624.97,-1604.73 643,-1583 656.47,-1566.77 677.84,-1560.04 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M403.39,-3228.89C417,-3219.34 436.56,-3202.95 445,-3183 459.01,-3149.9 437.02,-1921.2 453,-1889 498.36,-1797.59 587.85,-1839.51 635,-1749 644.04,-1731.64 630.17,-1587.79 643,-1573 656.69,-1557.21 677.88,-1550.51 698.42,-1548.16"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.6,-1549.69 712.44,-1547.17 706.31,-1545.5 706.6,-1549.69"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.45,-1547.59 703.46,-1547.8 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.07" cy="-1547.97" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/login/login&#45;routing.module.ts -->
-<g id="node125" class="node">
+<g id="node126" class="node">
 <title>src/app/features/login/login&#45;routing.module.ts</title>
-<g id="a_node125"><a xlink:href="src/app/features/login/login-routing.module.ts" xlink:title="login&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M611,-3978C611,-3978 501,-3978 501,-3978 498,-3978 495,-3975 495,-3972 495,-3972 495,-3966 495,-3966 495,-3963 498,-3960 501,-3960 501,-3960 611,-3960 611,-3960 614,-3960 617,-3963 617,-3966 617,-3966 617,-3972 617,-3972 617,-3975 614,-3978 611,-3978"/>
-<text text-anchor="start" x="503" y="-3966.8" font-family="Helvetica,sans-Serif" font-size="9.00">login&#45;routing.module.ts</text>
+<g id="a_node126"><a xlink:href="src/app/features/login/login-routing.module.ts" xlink:title="login&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M611,-3258C611,-3258 501,-3258 501,-3258 498,-3258 495,-3255 495,-3252 495,-3252 495,-3246 495,-3246 495,-3243 498,-3240 501,-3240 501,-3240 611,-3240 611,-3240 614,-3240 617,-3243 617,-3246 617,-3246 617,-3252 617,-3252 617,-3255 614,-3258 611,-3258"/>
+<text text-anchor="start" x="503" y="-3246.8" font-family="Helvetica,sans-Serif" font-size="9.00">login&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/login/login.module.ts&#45;&gt;src/app/features/login/login&#45;routing.module.ts -->
-<g id="edge198" class="edge">
+<g id="edge205" class="edge">
 <title>src/app/features/login/login.module.ts&#45;&gt;src/app/features/login/login&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.32,-3979.43C448.74,-3977.96 469.34,-3976.22 488.68,-3974.59"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="489.11,-3976.66 494.91,-3974.07 488.75,-3972.48 489.11,-3976.66"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.32,-3240.8C448.74,-3241.96 469.34,-3243.32 488.68,-3244.61"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="488.78,-3246.72 494.91,-3245.02 489.06,-3242.53 488.78,-3246.72"/>
 </g>
 <!-- src/app/features/login/login.component.ts -->
-<g id="node126" class="node">
+<g id="node127" class="node">
 <title>src/app/features/login/login.component.ts</title>
-<g id="a_node126"><a xlink:href="src/app/features/login/login.component.ts" xlink:title="login.component.ts">
-<path fill="#ddfeff" stroke="black" d="M806,-3963C806,-3963 714,-3963 714,-3963 711,-3963 708,-3960 708,-3957 708,-3957 708,-3951 708,-3951 708,-3948 711,-3945 714,-3945 714,-3945 806,-3945 806,-3945 809,-3945 812,-3948 812,-3951 812,-3951 812,-3957 812,-3957 812,-3960 809,-3963 806,-3963"/>
-<text text-anchor="start" x="716" y="-3951.8" font-family="Helvetica,sans-Serif" font-size="9.00">login.component.ts</text>
+<g id="a_node127"><a xlink:href="src/app/features/login/login.component.ts" xlink:title="login.component.ts">
+<path fill="#ddfeff" stroke="black" d="M806,-3225C806,-3225 714,-3225 714,-3225 711,-3225 708,-3222 708,-3219 708,-3219 708,-3213 708,-3213 708,-3210 711,-3207 714,-3207 714,-3207 806,-3207 806,-3207 809,-3207 812,-3210 812,-3213 812,-3213 812,-3219 812,-3219 812,-3222 809,-3225 806,-3225"/>
+<text text-anchor="start" x="716" y="-3213.8" font-family="Helvetica,sans-Serif" font-size="9.00">login.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/login/login.module.ts&#45;&gt;src/app/features/login/login.component.ts -->
-<g id="edge199" class="edge">
+<g id="edge206" class="edge">
 <title>src/app/features/login/login.module.ts&#45;&gt;src/app/features/login/login.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.34,-3983.75C438.57,-3983.86 446,-3983.95 453,-3984 533.89,-3984.63 554.68,-3993.58 635,-3984 665.61,-3980.35 699.6,-3971.8 724.24,-3964.76"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="725.11,-3966.69 730.29,-3963 723.94,-3962.65 725.11,-3966.69"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.34,-3235.33C438.57,-3234.88 446,-3234.42 453,-3234 539.66,-3228.74 640.15,-3222.88 701.64,-3219.31"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="701.96,-3221.4 707.83,-3218.95 701.72,-3217.2 701.96,-3221.4"/>
 </g>
 <!-- src/app/features/members/members.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge204" class="edge">
+<g id="edge211" class="edge">
 <title>src/app/features/members/members.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.73,-5292.1C413.25,-5304.34 435.83,-5327.52 445,-5353 449.63,-5365.86 443.26,-5835.41 453,-5845 481.83,-5873.37 606.37,-5873.57 635,-5845 655.95,-5824.09 624.1,-1605.78 643,-1583 656.46,-1566.77 677.84,-1560.03 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M429.6,-4179.89C435.66,-4176.78 441.16,-4172.6 445,-4167 458.76,-4146.91 436.81,-2432.18 453,-2414 507.19,-2353.15 580.66,-2452.71 635,-2392 650.17,-2375.05 628.4,-1590.45 643,-1573 656.53,-1556.83 677.91,-1550.1 698.66,-1547.84"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.61,-1549.42 712.46,-1546.93 706.34,-1545.23 706.61,-1549.42"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.47,-1547.32 703.48,-1547.52 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.08" cy="-1547.68" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/members/members&#45;routing.module.ts -->
-<g id="node128" class="node">
+<g id="node129" class="node">
 <title>src/app/features/members/members&#45;routing.module.ts</title>
-<g id="a_node128"><a xlink:href="src/app/features/members/members-routing.module.ts" xlink:title="members&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M621.5,-5292C621.5,-5292 490.5,-5292 490.5,-5292 487.5,-5292 484.5,-5289 484.5,-5286 484.5,-5286 484.5,-5280 484.5,-5280 484.5,-5277 487.5,-5274 490.5,-5274 490.5,-5274 621.5,-5274 621.5,-5274 624.5,-5274 627.5,-5277 627.5,-5280 627.5,-5280 627.5,-5286 627.5,-5286 627.5,-5289 624.5,-5292 621.5,-5292"/>
-<text text-anchor="start" x="492.5" y="-5280.8" font-family="Helvetica,sans-Serif" font-size="9.00">members&#45;routing.module.ts</text>
+<g id="a_node129"><a xlink:href="src/app/features/members/members-routing.module.ts" xlink:title="members&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M621.5,-4228C621.5,-4228 490.5,-4228 490.5,-4228 487.5,-4228 484.5,-4225 484.5,-4222 484.5,-4222 484.5,-4216 484.5,-4216 484.5,-4213 487.5,-4210 490.5,-4210 490.5,-4210 621.5,-4210 621.5,-4210 624.5,-4210 627.5,-4213 627.5,-4216 627.5,-4216 627.5,-4222 627.5,-4222 627.5,-4225 624.5,-4228 621.5,-4228"/>
+<text text-anchor="start" x="492.5" y="-4216.8" font-family="Helvetica,sans-Serif" font-size="9.00">members&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/members/members.module.ts&#45;&gt;src/app/features/members/members&#45;routing.module.ts -->
-<g id="edge203" class="edge">
+<g id="edge210" class="edge">
 <title>src/app/features/members/members.module.ts&#45;&gt;src/app/features/members/members&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M441.52,-5283C453.2,-5283 465.8,-5283 478.22,-5283"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="478.3,-5285.1 484.3,-5283 478.3,-5280.9 478.3,-5285.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M425.1,-4198.02C434.18,-4200.13 443.92,-4202.27 453,-4204 462.32,-4205.77 472.15,-4207.46 481.88,-4209.01"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="481.67,-4211.1 487.93,-4209.96 482.33,-4206.95 481.67,-4211.1"/>
 </g>
 <!-- src/app/features/messages/messages.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge208" class="edge">
+<g id="edge215" class="edge">
 <title>src/app/features/messages/messages.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.74,-5202.1C413.27,-5214.33 435.86,-5237.51 445,-5263 450.33,-5277.85 441.76,-5819.92 453,-5831 481.8,-5859.4 606.37,-5859.57 635,-5831 655.88,-5810.16 624.16,-1605.7 643,-1583 656.46,-1566.77 677.84,-1560.03 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M429.59,-4089.89C435.66,-4086.78 441.16,-4082.6 445,-4077 458.16,-4057.78 437.6,-2417.48 453,-2400 506.94,-2338.78 580.91,-2437.08 635,-2376 649.79,-2359.3 628.69,-1590.11 643,-1573 656.53,-1556.83 677.92,-1550.1 698.66,-1547.84"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.61,-1549.42 712.46,-1546.93 706.34,-1545.23 706.61,-1549.42"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.47,-1547.33 703.48,-1547.52 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.09" cy="-1547.68" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/messages/messages&#45;routing.module.ts -->
-<g id="node131" class="node">
+<g id="node132" class="node">
 <title>src/app/features/messages/messages&#45;routing.module.ts</title>
-<g id="a_node131"><a xlink:href="src/app/features/messages/messages-routing.module.ts" xlink:title="messages&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M622.5,-5202C622.5,-5202 489.5,-5202 489.5,-5202 486.5,-5202 483.5,-5199 483.5,-5196 483.5,-5196 483.5,-5190 483.5,-5190 483.5,-5187 486.5,-5184 489.5,-5184 489.5,-5184 622.5,-5184 622.5,-5184 625.5,-5184 628.5,-5187 628.5,-5190 628.5,-5190 628.5,-5196 628.5,-5196 628.5,-5199 625.5,-5202 622.5,-5202"/>
-<text text-anchor="start" x="491.5" y="-5190.8" font-family="Helvetica,sans-Serif" font-size="9.00">messages&#45;routing.module.ts</text>
+<g id="a_node132"><a xlink:href="src/app/features/messages/messages-routing.module.ts" xlink:title="messages&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M622.5,-4138C622.5,-4138 489.5,-4138 489.5,-4138 486.5,-4138 483.5,-4135 483.5,-4132 483.5,-4132 483.5,-4126 483.5,-4126 483.5,-4123 486.5,-4120 489.5,-4120 489.5,-4120 622.5,-4120 622.5,-4120 625.5,-4120 628.5,-4123 628.5,-4126 628.5,-4126 628.5,-4132 628.5,-4132 628.5,-4135 625.5,-4138 622.5,-4138"/>
+<text text-anchor="start" x="491.5" y="-4126.8" font-family="Helvetica,sans-Serif" font-size="9.00">messages&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/messages/messages.module.ts&#45;&gt;src/app/features/messages/messages&#45;routing.module.ts -->
-<g id="edge207" class="edge">
+<g id="edge214" class="edge">
 <title>src/app/features/messages/messages.module.ts&#45;&gt;src/app/features/messages/messages&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M442.9,-5193C453.86,-5193 465.6,-5193 477.2,-5193"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="477.25,-5195.1 483.25,-5193 477.25,-5190.9 477.25,-5195.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M425.1,-4108.02C434.18,-4110.13 443.92,-4112.27 453,-4114 462.32,-4115.77 472.15,-4117.46 481.88,-4119.01"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="481.67,-4121.1 487.93,-4119.96 482.33,-4116.95 481.67,-4121.1"/>
 </g>
 <!-- src/app/features/missions/missions.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge212" class="edge">
+<g id="edge219" class="edge">
 <title>src/app/features/missions/missions.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.75,-5112.1C413.29,-5124.33 435.88,-5147.5 445,-5173 451.03,-5189.84 440.27,-5804.43 453,-5817 481.78,-5845.42 606.37,-5845.57 635,-5817 655.81,-5796.23 624.22,-1605.63 643,-1583 656.46,-1566.77 677.84,-1560.03 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M429.59,-3895.89C435.66,-3892.78 441.16,-3888.6 445,-3883 456.87,-3865.69 439.63,-2388.18 453,-2372 505.51,-2308.43 582.32,-2399.44 635,-2336 648.54,-2319.69 629.4,-1589.25 643,-1573 656.53,-1556.83 677.92,-1550.1 698.67,-1547.84"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.62,-1549.42 712.47,-1546.94 706.34,-1545.23 706.62,-1549.42"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.48,-1547.33 703.48,-1547.53 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.09" cy="-1547.68" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/missions/missions&#45;routing.module.ts -->
-<g id="node134" class="node">
+<g id="node135" class="node">
 <title>src/app/features/missions/missions&#45;routing.module.ts</title>
-<g id="a_node134"><a xlink:href="src/app/features/missions/missions-routing.module.ts" xlink:title="missions&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M619.5,-5112C619.5,-5112 492.5,-5112 492.5,-5112 489.5,-5112 486.5,-5109 486.5,-5106 486.5,-5106 486.5,-5100 486.5,-5100 486.5,-5097 489.5,-5094 492.5,-5094 492.5,-5094 619.5,-5094 619.5,-5094 622.5,-5094 625.5,-5097 625.5,-5100 625.5,-5100 625.5,-5106 625.5,-5106 625.5,-5109 622.5,-5112 619.5,-5112"/>
-<text text-anchor="start" x="494.5" y="-5100.8" font-family="Helvetica,sans-Serif" font-size="9.00">missions&#45;routing.module.ts</text>
+<g id="a_node135"><a xlink:href="src/app/features/missions/missions-routing.module.ts" xlink:title="missions&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M619.5,-3944C619.5,-3944 492.5,-3944 492.5,-3944 489.5,-3944 486.5,-3941 486.5,-3938 486.5,-3938 486.5,-3932 486.5,-3932 486.5,-3929 489.5,-3926 492.5,-3926 492.5,-3926 619.5,-3926 619.5,-3926 622.5,-3926 625.5,-3929 625.5,-3932 625.5,-3932 625.5,-3938 625.5,-3938 625.5,-3941 622.5,-3944 619.5,-3944"/>
+<text text-anchor="start" x="494.5" y="-3932.8" font-family="Helvetica,sans-Serif" font-size="9.00">missions&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/missions/missions.module.ts&#45;&gt;src/app/features/missions/missions&#45;routing.module.ts -->
-<g id="edge211" class="edge">
+<g id="edge218" class="edge">
 <title>src/app/features/missions/missions.module.ts&#45;&gt;src/app/features/missions/missions&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M439.71,-5103C452.44,-5103 466.38,-5103 480.02,-5103"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="480.26,-5105.1 486.26,-5103 480.26,-5100.9 480.26,-5105.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M425.1,-3914.02C434.18,-3916.13 443.92,-3918.27 453,-3920 462.32,-3921.77 472.15,-3923.46 481.88,-3925.01"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="481.67,-3927.1 487.93,-3925.96 482.33,-3922.95 481.67,-3927.1"/>
 </g>
 <!-- src/app/features/news&#45;feed/news&#45;feed.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge229" class="edge">
+<g id="edge236" class="edge">
 <title>src/app/features/news&#45;feed/news&#45;feed.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M567.16,-3277.93C584.99,-3261.25 621.34,-3223.65 635,-3183 642.08,-3161.94 628.78,-1600.08 643,-1583 656.49,-1566.79 677.87,-1560.06 698.62,-1557.8"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.57,-1559.39 712.42,-1556.9 706.3,-1555.2 706.57,-1559.39"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.44,-1557.29 703.44,-1557.49 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.05" cy="-1557.64" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M581.98,-4479.88C600.29,-4471.71 623.84,-4457.79 635,-4437 644.41,-4419.48 630.29,-1588.3 643,-1573 656.47,-1556.78 677.85,-1550.04 698.6,-1547.79"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.56,-1549.37 712.41,-1546.89 706.28,-1545.18 706.56,-1549.37"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.42,-1547.28 703.43,-1547.47 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.03" cy="-1547.63" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts -->
-<g id="node138" class="node">
+<g id="node80" class="node">
 <title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts</title>
-<g id="a_node138"><a xlink:href="src/app/features/news-feed/components/news-card/news-card.component.ts" xlink:title="news&#45;card.component.ts">
-<path fill="#ddfeff" stroke="black" d="M818.5,-3338C818.5,-3338 701.5,-3338 701.5,-3338 698.5,-3338 695.5,-3335 695.5,-3332 695.5,-3332 695.5,-3326 695.5,-3326 695.5,-3323 698.5,-3320 701.5,-3320 701.5,-3320 818.5,-3320 818.5,-3320 821.5,-3320 824.5,-3323 824.5,-3326 824.5,-3326 824.5,-3332 824.5,-3332 824.5,-3335 821.5,-3338 818.5,-3338"/>
-<text text-anchor="start" x="703.5" y="-3326.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;card.component.ts</text>
+<g id="a_node80"><a xlink:href="src/app/features/news-feed/components/news-card/news-card.component.ts" xlink:title="news&#45;card.component.ts">
+<path fill="#ddfeff" stroke="black" d="M818.5,-4540C818.5,-4540 701.5,-4540 701.5,-4540 698.5,-4540 695.5,-4537 695.5,-4534 695.5,-4534 695.5,-4528 695.5,-4528 695.5,-4525 698.5,-4522 701.5,-4522 701.5,-4522 818.5,-4522 818.5,-4522 821.5,-4522 824.5,-4525 824.5,-4528 824.5,-4528 824.5,-4534 824.5,-4534 824.5,-4537 821.5,-4540 818.5,-4540"/>
+<text text-anchor="start" x="703.5" y="-4528.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;card.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/news&#45;feed/news&#45;feed.module.ts&#45;&gt;src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts -->
-<g id="edge226" class="edge">
+<g id="edge233" class="edge">
 <title>src/app/features/news&#45;feed/news&#45;feed.module.ts&#45;&gt;src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.06,-3296.05C613.21,-3299.27 624.86,-3303.5 635,-3309 639.15,-3311.25 638.68,-3314.09 643,-3316 657.32,-3322.31 673.56,-3326 689.26,-3328.07"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="689.27,-3330.19 695.48,-3328.81 689.77,-3326.02 689.27,-3330.19"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.06,-4498.05C613.21,-4501.27 624.86,-4505.5 635,-4511 639.15,-4513.25 638.68,-4516.09 643,-4518 657.32,-4524.31 673.56,-4528 689.26,-4530.07"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="689.27,-4532.19 695.48,-4530.81 689.77,-4528.02 689.27,-4532.19"/>
 </g>
 <!-- src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.ts -->
 <g id="node140" class="node">
 <title>src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.ts</title>
 <g id="a_node140"><a xlink:href="src/app/features/news-feed/components/news-list/news-list.component.ts" xlink:title="news&#45;list.component.ts">
-<path fill="#ddfeff" stroke="black" d="M815,-3398C815,-3398 705,-3398 705,-3398 702,-3398 699,-3395 699,-3392 699,-3392 699,-3386 699,-3386 699,-3383 702,-3380 705,-3380 705,-3380 815,-3380 815,-3380 818,-3380 821,-3383 821,-3386 821,-3386 821,-3392 821,-3392 821,-3395 818,-3398 815,-3398"/>
-<text text-anchor="start" x="707" y="-3386.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;list.component.ts</text>
+<path fill="#ddfeff" stroke="black" d="M815,-4600C815,-4600 705,-4600 705,-4600 702,-4600 699,-4597 699,-4594 699,-4594 699,-4588 699,-4588 699,-4585 702,-4582 705,-4582 705,-4582 815,-4582 815,-4582 818,-4582 821,-4585 821,-4588 821,-4588 821,-4594 821,-4594 821,-4597 818,-4600 815,-4600"/>
+<text text-anchor="start" x="707" y="-4588.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;list.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/news&#45;feed/news&#45;feed.module.ts&#45;&gt;src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.ts -->
-<g id="edge227" class="edge">
+<g id="edge234" class="edge">
 <title>src/app/features/news&#45;feed/news&#45;feed.module.ts&#45;&gt;src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M611.25,-3293.49C620.27,-3296.85 628.72,-3301.78 635,-3309 652.09,-3328.62 625.07,-3348.14 643,-3367 655.88,-3380.55 674.3,-3387.23 692.69,-3390.23"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="692.68,-3392.35 698.91,-3391.11 693.26,-3388.19 692.68,-3392.35"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M611.25,-4495.49C620.27,-4498.85 628.72,-4503.78 635,-4511 652.09,-4530.62 625.07,-4550.14 643,-4569 655.88,-4582.55 674.3,-4589.23 692.69,-4592.23"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="692.68,-4594.35 698.91,-4593.11 693.26,-4590.19 692.68,-4594.35"/>
 </g>
 <!-- src/app/features/news&#45;feed/news&#45;feed&#45;routing.module.ts -->
 <g id="node141" class="node">
 <title>src/app/features/news&#45;feed/news&#45;feed&#45;routing.module.ts</title>
 <g id="a_node141"><a xlink:href="src/app/features/news-feed/news-feed-routing.module.ts" xlink:title="news&#45;feed&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M827,-3296C827,-3296 693,-3296 693,-3296 690,-3296 687,-3293 687,-3290 687,-3290 687,-3284 687,-3284 687,-3281 690,-3278 693,-3278 693,-3278 827,-3278 827,-3278 830,-3278 833,-3281 833,-3284 833,-3284 833,-3290 833,-3290 833,-3293 830,-3296 827,-3296"/>
-<text text-anchor="start" x="695" y="-3284.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;feed&#45;routing.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M827,-4498C827,-4498 693,-4498 693,-4498 690,-4498 687,-4495 687,-4492 687,-4492 687,-4486 687,-4486 687,-4483 690,-4480 693,-4480 693,-4480 827,-4480 827,-4480 830,-4480 833,-4483 833,-4486 833,-4486 833,-4492 833,-4492 833,-4495 830,-4498 827,-4498"/>
+<text text-anchor="start" x="695" y="-4486.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;feed&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/news&#45;feed/news&#45;feed.module.ts&#45;&gt;src/app/features/news&#45;feed/news&#45;feed&#45;routing.module.ts -->
-<g id="edge228" class="edge">
+<g id="edge235" class="edge">
 <title>src/app/features/news&#45;feed/news&#45;feed.module.ts&#45;&gt;src/app/features/news&#45;feed/news&#45;feed&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M611.13,-3287C632.48,-3287 657.42,-3287 680.67,-3287"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="680.86,-3289.1 686.86,-3287 680.86,-3284.9 680.86,-3289.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M611.13,-4489C632.48,-4489 657.42,-4489 680.67,-4489"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="680.86,-4491.1 686.86,-4489 680.86,-4486.9 680.86,-4491.1"/>
 </g>
 <!-- src/app/features/privacy/privacy.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge234" class="edge">
+<g id="edge241" class="edge">
 <title>src/app/features/privacy/privacy.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.65,-4940.28C415.29,-4951.16 436.24,-4970.57 445,-4993 453.04,-5013.6 437.29,-5773.44 453,-5789 481.74,-5817.45 606.37,-5817.57 635,-5789 655.67,-5768.37 624.35,-1605.48 643,-1583 656.46,-1566.77 677.84,-1560.03 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M429.59,-3791.89C435.66,-3788.77 441.16,-3784.6 445,-3779 456.17,-3762.71 440.98,-2372.67 453,-2357 504.04,-2290.43 583.78,-2373.43 635,-2307 647.45,-2290.85 629.91,-1588.63 643,-1573 656.54,-1556.83 677.93,-1550.11 698.67,-1547.84"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.62,-1549.43 712.47,-1546.94 706.34,-1545.24 706.62,-1549.43"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.48,-1547.33 703.49,-1547.53 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.09" cy="-1547.69" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/privacy/privacy&#45;routing.module.ts -->
 <g id="node144" class="node">
 <title>src/app/features/privacy/privacy&#45;routing.module.ts</title>
 <g id="a_node144"><a xlink:href="src/app/features/privacy/privacy-routing.module.ts" xlink:title="privacy&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M617,-4918C617,-4918 495,-4918 495,-4918 492,-4918 489,-4915 489,-4912 489,-4912 489,-4906 489,-4906 489,-4903 492,-4900 495,-4900 495,-4900 617,-4900 617,-4900 620,-4900 623,-4903 623,-4906 623,-4906 623,-4912 623,-4912 623,-4915 620,-4918 617,-4918"/>
-<text text-anchor="start" x="497" y="-4906.8" font-family="Helvetica,sans-Serif" font-size="9.00">privacy&#45;routing.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M617,-3824C617,-3824 495,-3824 495,-3824 492,-3824 489,-3821 489,-3818 489,-3818 489,-3812 489,-3812 489,-3809 492,-3806 495,-3806 495,-3806 617,-3806 617,-3806 620,-3806 623,-3809 623,-3812 623,-3812 623,-3818 623,-3818 623,-3821 620,-3824 617,-3824"/>
+<text text-anchor="start" x="497" y="-3812.8" font-family="Helvetica,sans-Serif" font-size="9.00">privacy&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/privacy/privacy.module.ts&#45;&gt;src/app/features/privacy/privacy&#45;routing.module.ts -->
-<g id="edge232" class="edge">
+<g id="edge239" class="edge">
 <title>src/app/features/privacy/privacy.module.ts&#45;&gt;src/app/features/privacy/privacy&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M436.12,-4924.75C450.6,-4922.84 466.87,-4920.68 482.62,-4918.59"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="483.19,-4920.64 488.86,-4917.77 482.64,-4916.47 483.19,-4920.64"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M436.12,-3804.97C450.6,-3806.19 466.87,-3807.57 482.62,-3808.9"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="482.7,-3811.01 488.86,-3809.42 483.06,-3806.82 482.7,-3811.01"/>
 </g>
 <!-- src/app/features/privacy/privacy.component.ts -->
 <g id="node145" class="node">
 <title>src/app/features/privacy/privacy.component.ts</title>
 <g id="a_node145"><a xlink:href="src/app/features/privacy/privacy.component.ts" xlink:title="privacy.component.ts">
-<path fill="#ddfeff" stroke="black" d="M811,-4948C811,-4948 709,-4948 709,-4948 706,-4948 703,-4945 703,-4942 703,-4942 703,-4936 703,-4936 703,-4933 706,-4930 709,-4930 709,-4930 811,-4930 811,-4930 814,-4930 817,-4933 817,-4936 817,-4936 817,-4942 817,-4942 817,-4945 814,-4948 811,-4948"/>
-<text text-anchor="start" x="711" y="-4936.8" font-family="Helvetica,sans-Serif" font-size="9.00">privacy.component.ts</text>
+<path fill="#ddfeff" stroke="black" d="M811,-3824C811,-3824 709,-3824 709,-3824 706,-3824 703,-3821 703,-3818 703,-3818 703,-3812 703,-3812 703,-3809 706,-3806 709,-3806 709,-3806 811,-3806 811,-3806 814,-3806 817,-3809 817,-3812 817,-3812 817,-3818 817,-3818 817,-3821 814,-3824 811,-3824"/>
+<text text-anchor="start" x="711" y="-3812.8" font-family="Helvetica,sans-Serif" font-size="9.00">privacy.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/privacy/privacy.module.ts&#45;&gt;src/app/features/privacy/privacy.component.ts -->
-<g id="edge233" class="edge">
+<g id="edge240" class="edge">
 <title>src/app/features/privacy/privacy.module.ts&#45;&gt;src/app/features/privacy/privacy.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M408.69,-4940.08C421.11,-4945.29 437.65,-4951.32 453,-4954 539.63,-4969.09 641.98,-4958.44 703.63,-4948.99"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="704.23,-4951.03 709.83,-4948.03 703.58,-4946.88 704.23,-4951.03"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M436.18,-3800.18C441.85,-3800.11 447.56,-3800.04 453,-3800 533.89,-3799.37 554.26,-3795.13 635,-3800 655.2,-3801.22 677.16,-3803.54 696.91,-3806"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="696.74,-3808.1 702.96,-3806.77 697.27,-3803.93 696.74,-3808.1"/>
 </g>
 <!-- src/app/features/profile/profile.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge255" class="edge">
+<g id="edge262" class="edge">
 <title>src/app/features/profile/profile.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.75,-2985.55C614.97,-2983.8 626.99,-2979.4 635,-2970 647.49,-2955.34 630.67,-1597.8 643,-1583 656.5,-1566.8 677.88,-1560.07 698.62,-1557.81"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.58,-1559.39 712.43,-1556.91 706.31,-1555.2 706.58,-1559.39"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.44,-1557.3 703.45,-1557.49 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.05" cy="-1557.65" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M581.98,-4813.88C600.3,-4805.71 623.84,-4791.79 635,-4771 645.5,-4751.43 628.81,-1590.09 643,-1573 656.47,-1556.78 677.84,-1550.04 698.6,-1547.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1549.37 712.4,-1546.89 706.28,-1545.18 706.55,-1549.37"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.42,-1547.27 703.42,-1547.47 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.03" cy="-1547.63" rx="2.4" ry="2.4"/>
+</g>
+<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts -->
+<g id="node82" class="node">
+<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts</title>
+<g id="a_node82"><a xlink:href="src/app/features/profile/components/profile-card/profile-card.component.ts" xlink:title="profile&#45;card.component.ts">
+<path fill="#ddfeff" stroke="black" d="M821,-4874C821,-4874 699,-4874 699,-4874 696,-4874 693,-4871 693,-4868 693,-4868 693,-4862 693,-4862 693,-4859 696,-4856 699,-4856 699,-4856 821,-4856 821,-4856 824,-4856 827,-4859 827,-4862 827,-4862 827,-4868 827,-4868 827,-4871 824,-4874 821,-4874"/>
+<text text-anchor="start" x="701" y="-4862.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;card.component.ts</text>
+</a>
+</g>
+</g>
+<!-- src/app/features/profile/profile.module.ts&#45;&gt;src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts -->
+<g id="edge259" class="edge">
+<title>src/app/features/profile/profile.module.ts&#45;&gt;src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.06,-4832.05C613.21,-4835.27 624.86,-4839.5 635,-4845 639.15,-4847.25 638.68,-4850.09 643,-4852 656.47,-4857.94 671.63,-4861.55 686.44,-4863.68"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="686.54,-4865.81 692.76,-4864.51 687.08,-4861.65 686.54,-4865.81"/>
 </g>
 <!-- src/app/features/profile/components/post/post.component.ts -->
 <g id="node148" class="node">
 <title>src/app/features/profile/components/post/post.component.ts</title>
 <g id="a_node148"><a xlink:href="src/app/features/profile/components/post/post.component.ts" xlink:title="post.component.ts">
-<path fill="#ddfeff" stroke="black" d="M805,-3034C805,-3034 715,-3034 715,-3034 712,-3034 709,-3031 709,-3028 709,-3028 709,-3022 709,-3022 709,-3019 712,-3016 715,-3016 715,-3016 805,-3016 805,-3016 808,-3016 811,-3019 811,-3022 811,-3022 811,-3028 811,-3028 811,-3031 808,-3034 805,-3034"/>
-<text text-anchor="start" x="717" y="-3022.8" font-family="Helvetica,sans-Serif" font-size="9.00">post.component.ts</text>
+<path fill="#ddfeff" stroke="black" d="M805,-4934C805,-4934 715,-4934 715,-4934 712,-4934 709,-4931 709,-4928 709,-4928 709,-4922 709,-4922 709,-4919 712,-4916 715,-4916 715,-4916 805,-4916 805,-4916 808,-4916 811,-4919 811,-4922 811,-4922 811,-4928 811,-4928 811,-4931 808,-4934 805,-4934"/>
+<text text-anchor="start" x="717" y="-4922.8" font-family="Helvetica,sans-Serif" font-size="9.00">post.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/profile/profile.module.ts&#45;&gt;src/app/features/profile/components/post/post.component.ts -->
-<g id="edge251" class="edge">
+<g id="edge258" class="edge">
 <title>src/app/features/profile/profile.module.ts&#45;&gt;src/app/features/profile/components/post/post.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.06,-2992.05C613.21,-2995.27 624.86,-2999.5 635,-3005 639.15,-3007.25 638.68,-3010.09 643,-3012 661.49,-3020.15 683.16,-3023.92 702.75,-3025.49"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="702.62,-3027.59 708.75,-3025.91 702.91,-3023.4 702.62,-3027.59"/>
-</g>
-<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts -->
-<g id="node150" class="node">
-<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts</title>
-<g id="a_node150"><a xlink:href="src/app/features/profile/components/profile-card/profile-card.component.ts" xlink:title="profile&#45;card.component.ts">
-<path fill="#ddfeff" stroke="black" d="M821,-3094C821,-3094 699,-3094 699,-3094 696,-3094 693,-3091 693,-3088 693,-3088 693,-3082 693,-3082 693,-3079 696,-3076 699,-3076 699,-3076 821,-3076 821,-3076 824,-3076 827,-3079 827,-3082 827,-3082 827,-3088 827,-3088 827,-3091 824,-3094 821,-3094"/>
-<text text-anchor="start" x="701" y="-3082.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;card.component.ts</text>
-</a>
-</g>
-</g>
-<!-- src/app/features/profile/profile.module.ts&#45;&gt;src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts -->
-<g id="edge252" class="edge">
-<title>src/app/features/profile/profile.module.ts&#45;&gt;src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.77,-2986.82C614.84,-2990.02 626.78,-2995.56 635,-3005 652.09,-3024.62 625.07,-3044.14 643,-3063 654.51,-3075.11 670.45,-3081.73 686.83,-3085.14"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="686.59,-3087.24 692.87,-3086.26 687.35,-3083.11 686.59,-3087.24"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.77,-4826.82C614.84,-4830.02 626.78,-4835.56 635,-4845 652.09,-4864.62 625.07,-4884.14 643,-4903 658.23,-4919.02 681.22,-4925.45 702.73,-4927.52"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="702.6,-4929.62 708.75,-4927.99 702.93,-4925.43 702.6,-4929.62"/>
 </g>
 <!-- src/app/features/profile/components/profile&#45;list/profile&#45;list.component.ts -->
-<g id="node152" class="node">
+<g id="node151" class="node">
 <title>src/app/features/profile/components/profile&#45;list/profile&#45;list.component.ts</title>
-<g id="a_node152"><a xlink:href="src/app/features/profile/components/profile-list/profile-list.component.ts" xlink:title="profile&#45;list.component.ts">
-<path fill="#ddfeff" stroke="black" d="M817.5,-3154C817.5,-3154 702.5,-3154 702.5,-3154 699.5,-3154 696.5,-3151 696.5,-3148 696.5,-3148 696.5,-3142 696.5,-3142 696.5,-3139 699.5,-3136 702.5,-3136 702.5,-3136 817.5,-3136 817.5,-3136 820.5,-3136 823.5,-3139 823.5,-3142 823.5,-3142 823.5,-3148 823.5,-3148 823.5,-3151 820.5,-3154 817.5,-3154"/>
-<text text-anchor="start" x="704.5" y="-3142.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;list.component.ts</text>
+<g id="a_node151"><a xlink:href="src/app/features/profile/components/profile-list/profile-list.component.ts" xlink:title="profile&#45;list.component.ts">
+<path fill="#ddfeff" stroke="black" d="M817.5,-4994C817.5,-4994 702.5,-4994 702.5,-4994 699.5,-4994 696.5,-4991 696.5,-4988 696.5,-4988 696.5,-4982 696.5,-4982 696.5,-4979 699.5,-4976 702.5,-4976 702.5,-4976 817.5,-4976 817.5,-4976 820.5,-4976 823.5,-4979 823.5,-4982 823.5,-4982 823.5,-4988 823.5,-4988 823.5,-4991 820.5,-4994 817.5,-4994"/>
+<text text-anchor="start" x="704.5" y="-4982.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;list.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/profile/profile.module.ts&#45;&gt;src/app/features/profile/components/profile&#45;list/profile&#45;list.component.ts -->
-<g id="edge253" class="edge">
+<g id="edge260" class="edge">
 <title>src/app/features/profile/profile.module.ts&#45;&gt;src/app/features/profile/components/profile&#45;list/profile&#45;list.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.79,-2986.35C615.01,-2989.53 627.02,-2995.17 635,-3005 651.56,-3025.41 625.56,-3103.34 643,-3123 654.98,-3136.5 672.43,-3143.32 690.19,-3146.45"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="689.97,-3148.54 696.21,-3147.38 690.6,-3144.39 689.97,-3148.54"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.79,-4826.35C615.01,-4829.53 627.02,-4835.17 635,-4845 651.56,-4865.41 625.56,-4943.34 643,-4963 654.98,-4976.5 672.43,-4983.32 690.19,-4986.45"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="689.97,-4988.54 696.21,-4987.38 690.6,-4984.39 689.97,-4988.54"/>
 </g>
 <!-- src/app/features/profile/profile&#45;routing.module.ts -->
-<g id="node153" class="node">
+<g id="node152" class="node">
 <title>src/app/features/profile/profile&#45;routing.module.ts</title>
-<g id="a_node153"><a xlink:href="src/app/features/profile/profile-routing.module.ts" xlink:title="profile&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M818.5,-2992C818.5,-2992 701.5,-2992 701.5,-2992 698.5,-2992 695.5,-2989 695.5,-2986 695.5,-2986 695.5,-2980 695.5,-2980 695.5,-2977 698.5,-2974 701.5,-2974 701.5,-2974 818.5,-2974 818.5,-2974 821.5,-2974 824.5,-2977 824.5,-2980 824.5,-2980 824.5,-2986 824.5,-2986 824.5,-2989 821.5,-2992 818.5,-2992"/>
-<text text-anchor="start" x="703.5" y="-2980.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;routing.module.ts</text>
+<g id="a_node152"><a xlink:href="src/app/features/profile/profile-routing.module.ts" xlink:title="profile&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M818.5,-4832C818.5,-4832 701.5,-4832 701.5,-4832 698.5,-4832 695.5,-4829 695.5,-4826 695.5,-4826 695.5,-4820 695.5,-4820 695.5,-4817 698.5,-4814 701.5,-4814 701.5,-4814 818.5,-4814 818.5,-4814 821.5,-4814 824.5,-4817 824.5,-4820 824.5,-4820 824.5,-4826 824.5,-4826 824.5,-4829 821.5,-4832 818.5,-4832"/>
+<text text-anchor="start" x="703.5" y="-4820.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/profile/profile.module.ts&#45;&gt;src/app/features/profile/profile&#45;routing.module.ts -->
-<g id="edge254" class="edge">
+<g id="edge261" class="edge">
 <title>src/app/features/profile/profile.module.ts&#45;&gt;src/app/features/profile/profile&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.58,-2983C628.11,-2983 660.48,-2983 689.15,-2983"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="689.2,-2985.1 695.2,-2983 689.2,-2980.9 689.2,-2985.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M602.58,-4823C628.11,-4823 660.48,-4823 689.15,-4823"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="689.2,-4825.1 695.2,-4823 689.2,-4820.9 689.2,-4825.1"/>
 </g>
 <!-- src/app/features/register/register.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge260" class="edge">
+<g id="edge267" class="edge">
 <title>src/app/features/register/register.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.65,-4836.28C415.3,-4847.16 436.25,-4866.57 445,-4889 453.94,-4911.93 435.52,-5757.68 453,-5775 481.73,-5803.47 606.37,-5803.57 635,-5775 655.6,-5754.43 624.41,-1605.4 643,-1583 656.46,-1566.77 677.84,-1560.03 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M420.26,-3694.95C429.88,-3690.54 439.4,-3684.15 445,-3675 464.34,-3643.42 432.45,-2372.8 453,-2342 501.74,-2268.93 586.06,-2337.93 635,-2265 645.71,-2249.04 630.65,-1587.73 643,-1573 656.54,-1556.84 677.93,-1550.11 698.67,-1547.85"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.62,-1549.43 712.47,-1546.94 706.35,-1545.24 706.62,-1549.43"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.49,-1547.34 703.49,-1547.53 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.1" cy="-1547.69" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/register/register&#45;routing.module.ts -->
-<g id="node156" class="node">
+<g id="node155" class="node">
 <title>src/app/features/register/register&#45;routing.module.ts</title>
-<g id="a_node156"><a xlink:href="src/app/features/register/register-routing.module.ts" xlink:title="register&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M617,-4814C617,-4814 495,-4814 495,-4814 492,-4814 489,-4811 489,-4808 489,-4808 489,-4802 489,-4802 489,-4799 492,-4796 495,-4796 495,-4796 617,-4796 617,-4796 620,-4796 623,-4799 623,-4802 623,-4802 623,-4808 623,-4808 623,-4811 620,-4814 617,-4814"/>
-<text text-anchor="start" x="497" y="-4802.8" font-family="Helvetica,sans-Serif" font-size="9.00">register&#45;routing.module.ts</text>
+<g id="a_node155"><a xlink:href="src/app/features/register/register-routing.module.ts" xlink:title="register&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M617,-3720C617,-3720 495,-3720 495,-3720 492,-3720 489,-3717 489,-3714 489,-3714 489,-3708 489,-3708 489,-3705 492,-3702 495,-3702 495,-3702 617,-3702 617,-3702 620,-3702 623,-3705 623,-3708 623,-3708 623,-3714 623,-3714 623,-3717 620,-3720 617,-3720"/>
+<text text-anchor="start" x="497" y="-3708.8" font-family="Helvetica,sans-Serif" font-size="9.00">register&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/register/register.module.ts&#45;&gt;src/app/features/register/register&#45;routing.module.ts -->
-<g id="edge258" class="edge">
+<g id="edge265" class="edge">
 <title>src/app/features/register/register.module.ts&#45;&gt;src/app/features/register/register&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M437.01,-4820.64C451.3,-4818.74 467.28,-4816.63 482.75,-4814.58"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="483.21,-4816.63 488.88,-4813.76 482.66,-4812.47 483.21,-4816.63"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M437.01,-3706.02C451.3,-3706.63 467.28,-3707.3 482.75,-3707.95"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="482.8,-3710.06 488.88,-3708.21 482.97,-3705.86 482.8,-3710.06"/>
 </g>
 <!-- src/app/features/register/register.component.ts -->
-<g id="node157" class="node">
+<g id="node156" class="node">
 <title>src/app/features/register/register.component.ts</title>
-<g id="a_node157"><a xlink:href="src/app/features/register/register.component.ts" xlink:title="register.component.ts">
-<path fill="#ddfeff" stroke="black" d="M812,-4844C812,-4844 708,-4844 708,-4844 705,-4844 702,-4841 702,-4838 702,-4838 702,-4832 702,-4832 702,-4829 705,-4826 708,-4826 708,-4826 812,-4826 812,-4826 815,-4826 818,-4829 818,-4832 818,-4832 818,-4838 818,-4838 818,-4841 815,-4844 812,-4844"/>
-<text text-anchor="start" x="710" y="-4832.8" font-family="Helvetica,sans-Serif" font-size="9.00">register.component.ts</text>
+<g id="a_node156"><a xlink:href="src/app/features/register/register.component.ts" xlink:title="register.component.ts">
+<path fill="#ddfeff" stroke="black" d="M812,-3720C812,-3720 708,-3720 708,-3720 705,-3720 702,-3717 702,-3714 702,-3714 702,-3708 702,-3708 702,-3705 705,-3702 708,-3702 708,-3702 812,-3702 812,-3702 815,-3702 818,-3705 818,-3708 818,-3708 818,-3714 818,-3714 818,-3717 815,-3720 812,-3720"/>
+<text text-anchor="start" x="710" y="-3708.8" font-family="Helvetica,sans-Serif" font-size="9.00">register.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/register/register.module.ts&#45;&gt;src/app/features/register/register.component.ts -->
-<g id="edge259" class="edge">
+<g id="edge266" class="edge">
 <title>src/app/features/register/register.module.ts&#45;&gt;src/app/features/register/register.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M408.69,-4836.08C421.11,-4841.29 437.65,-4847.32 453,-4850 539.63,-4865.09 641.98,-4854.44 703.63,-4844.99"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="704.23,-4847.03 709.83,-4844.03 703.58,-4842.88 704.23,-4847.03"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M437.17,-3697.33C442.5,-3696.78 447.86,-3696.32 453,-3696 533.73,-3690.97 554.26,-3691.13 635,-3696 654.81,-3697.19 676.31,-3699.45 695.75,-3701.86"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="695.5,-3703.94 701.72,-3702.61 696.03,-3699.78 695.5,-3703.94"/>
 </g>
 <!-- src/app/features/search/search.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge264" class="edge">
+<g id="edge271" class="edge">
 <title>src/app/features/search/search.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.76,-4724.09C413.32,-4736.32 435.93,-4759.48 445,-4785 449.54,-4797.77 443.38,-5751.45 453,-5761 481.72,-5789.48 606.37,-5789.57 635,-5761 655.54,-5740.5 624.47,-1605.33 643,-1583 656.46,-1566.77 677.84,-1560.04 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M404.41,-3627.89C417.94,-3618.92 436.72,-3603.82 445,-3585 459.09,-3552.96 436.71,-2355.98 453,-2325 498.89,-2237.69 588.83,-2285.16 635,-2198 643.13,-2182.66 631.84,-1586.3 643,-1573 656.55,-1556.85 677.94,-1550.12 698.69,-1547.86"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.63,-1549.44 712.48,-1546.95 706.36,-1545.25 706.63,-1549.44"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.5,-1547.34 703.5,-1547.54 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.11" cy="-1547.7" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/search/search&#45;routing.module.ts -->
-<g id="node159" class="node">
+<g id="node158" class="node">
 <title>src/app/features/search/search&#45;routing.module.ts</title>
-<g id="a_node159"><a xlink:href="src/app/features/search/search-routing.module.ts" xlink:title="search&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M615.5,-4724C615.5,-4724 496.5,-4724 496.5,-4724 493.5,-4724 490.5,-4721 490.5,-4718 490.5,-4718 490.5,-4712 490.5,-4712 490.5,-4709 493.5,-4706 496.5,-4706 496.5,-4706 615.5,-4706 615.5,-4706 618.5,-4706 621.5,-4709 621.5,-4712 621.5,-4712 621.5,-4718 621.5,-4718 621.5,-4721 618.5,-4724 615.5,-4724"/>
-<text text-anchor="start" x="498.5" y="-4712.8" font-family="Helvetica,sans-Serif" font-size="9.00">search&#45;routing.module.ts</text>
+<g id="a_node158"><a xlink:href="src/app/features/search/search-routing.module.ts" xlink:title="search&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M615.5,-3646C615.5,-3646 496.5,-3646 496.5,-3646 493.5,-3646 490.5,-3643 490.5,-3640 490.5,-3640 490.5,-3634 490.5,-3634 490.5,-3631 493.5,-3628 496.5,-3628 496.5,-3628 615.5,-3628 615.5,-3628 618.5,-3628 621.5,-3631 621.5,-3634 621.5,-3634 621.5,-3640 621.5,-3640 621.5,-3643 618.5,-3646 615.5,-3646"/>
+<text text-anchor="start" x="498.5" y="-3634.8" font-family="Helvetica,sans-Serif" font-size="9.00">search&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/search/search.module.ts&#45;&gt;src/app/features/search/search&#45;routing.module.ts -->
-<g id="edge263" class="edge">
+<g id="edge270" class="edge">
 <title>src/app/features/search/search.module.ts&#45;&gt;src/app/features/search/search&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M435.68,-4715C450.8,-4715 467.92,-4715 484.37,-4715"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="484.4,-4717.1 490.4,-4715 484.4,-4712.9 484.4,-4717.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M435.68,-3637C450.8,-3637 467.92,-3637 484.37,-3637"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="484.4,-3639.1 490.4,-3637 484.4,-3634.9 484.4,-3639.1"/>
 </g>
 <!-- src/app/features/settings/settings.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge268" class="edge">
+<g id="edge275" class="edge">
 <title>src/app/features/settings/settings.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M399.77,-4544.09C413.33,-4556.31 435.95,-4579.48 445,-4605 450.24,-4619.77 441.88,-5721.96 453,-5733 481.7,-5761.5 606.37,-5761.57 635,-5733 655.4,-5712.64 624.6,-1605.18 643,-1583 656.46,-1566.77 677.84,-1560.04 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M404.4,-3537.89C417.93,-3528.91 436.72,-3513.82 445,-3495 458.3,-3464.77 441.81,-2337.08 453,-2306 496.34,-2185.64 591.12,-2203.17 635,-2083 639.86,-2069.69 633.88,-1583.84 643,-1573 656.46,-1557.01 677.6,-1550.26 698.17,-1547.94"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.37,-1549.48 712.21,-1546.98 706.08,-1545.29 706.37,-1549.48"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.23,-1547.39 703.23,-1547.59 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="700.84" cy="-1547.76" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/settings/settings&#45;routing.module.ts -->
-<g id="node162" class="node">
+<g id="node161" class="node">
 <title>src/app/features/settings/settings&#45;routing.module.ts</title>
-<g id="a_node162"><a xlink:href="src/app/features/settings/settings-routing.module.ts" xlink:title="settings&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M618.5,-4544C618.5,-4544 493.5,-4544 493.5,-4544 490.5,-4544 487.5,-4541 487.5,-4538 487.5,-4538 487.5,-4532 487.5,-4532 487.5,-4529 490.5,-4526 493.5,-4526 493.5,-4526 618.5,-4526 618.5,-4526 621.5,-4526 624.5,-4529 624.5,-4532 624.5,-4532 624.5,-4538 624.5,-4538 624.5,-4541 621.5,-4544 618.5,-4544"/>
-<text text-anchor="start" x="495.5" y="-4532.8" font-family="Helvetica,sans-Serif" font-size="9.00">settings&#45;routing.module.ts</text>
+<g id="a_node161"><a xlink:href="src/app/features/settings/settings-routing.module.ts" xlink:title="settings&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M618.5,-3556C618.5,-3556 493.5,-3556 493.5,-3556 490.5,-3556 487.5,-3553 487.5,-3550 487.5,-3550 487.5,-3544 487.5,-3544 487.5,-3541 490.5,-3538 493.5,-3538 493.5,-3538 618.5,-3538 618.5,-3538 621.5,-3538 624.5,-3541 624.5,-3544 624.5,-3544 624.5,-3550 624.5,-3550 624.5,-3553 621.5,-3556 618.5,-3556"/>
+<text text-anchor="start" x="495.5" y="-3544.8" font-family="Helvetica,sans-Serif" font-size="9.00">settings&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/settings/settings.module.ts&#45;&gt;src/app/features/settings/settings&#45;routing.module.ts -->
-<g id="edge267" class="edge">
+<g id="edge274" class="edge">
 <title>src/app/features/settings/settings.module.ts&#45;&gt;src/app/features/settings/settings&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M438.81,-4535C452.18,-4535 466.92,-4535 481.29,-4535"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="481.42,-4537.1 487.42,-4535 481.42,-4532.9 481.42,-4537.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M438.81,-3547C452.18,-3547 466.92,-3547 481.29,-3547"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="481.42,-3549.1 487.42,-3547 481.42,-3544.9 481.42,-3549.1"/>
 </g>
 <!-- src/app/features/splash/splash.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge273" class="edge">
+<g id="edge280" class="edge">
 <title>src/app/features/splash/splash.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M401.66,-4462.28C415.32,-4473.15 436.28,-4492.56 445,-4515 451.06,-4530.59 441.14,-5707.21 453,-5719 481.69,-5747.5 606.37,-5747.57 635,-5719 655.33,-5698.71 624.66,-1605.1 643,-1583 656.46,-1566.77 677.84,-1560.04 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M420.25,-3410.95C429.87,-3406.54 439.39,-3400.15 445,-3391 461.12,-3364.71 446.41,-2311.12 453,-2281 495.06,-2088.61 591.1,-2068.98 635,-1877 638.77,-1860.53 632.05,-1585.87 643,-1573 656.54,-1557.08 677.7,-1550.35 698.26,-1548.02"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.45,-1549.56 712.29,-1547.05 706.16,-1545.37 706.45,-1549.56"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.31,-1547.46 703.32,-1547.67 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="700.92" cy="-1547.83" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/splash/splash&#45;routing.module.ts -->
-<g id="node165" class="node">
+<g id="node164" class="node">
 <title>src/app/features/splash/splash&#45;routing.module.ts</title>
-<g id="a_node165"><a xlink:href="src/app/features/splash/splash-routing.module.ts" xlink:title="splash&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M614.5,-4440C614.5,-4440 497.5,-4440 497.5,-4440 494.5,-4440 491.5,-4437 491.5,-4434 491.5,-4434 491.5,-4428 491.5,-4428 491.5,-4425 494.5,-4422 497.5,-4422 497.5,-4422 614.5,-4422 614.5,-4422 617.5,-4422 620.5,-4425 620.5,-4428 620.5,-4428 620.5,-4434 620.5,-4434 620.5,-4437 617.5,-4440 614.5,-4440"/>
-<text text-anchor="start" x="499.5" y="-4428.8" font-family="Helvetica,sans-Serif" font-size="9.00">splash&#45;routing.module.ts</text>
+<g id="a_node164"><a xlink:href="src/app/features/splash/splash-routing.module.ts" xlink:title="splash&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M614.5,-3436C614.5,-3436 497.5,-3436 497.5,-3436 494.5,-3436 491.5,-3433 491.5,-3430 491.5,-3430 491.5,-3424 491.5,-3424 491.5,-3421 494.5,-3418 497.5,-3418 497.5,-3418 614.5,-3418 614.5,-3418 617.5,-3418 620.5,-3421 620.5,-3424 620.5,-3424 620.5,-3430 620.5,-3430 620.5,-3433 617.5,-3436 614.5,-3436"/>
+<text text-anchor="start" x="499.5" y="-3424.8" font-family="Helvetica,sans-Serif" font-size="9.00">splash&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/splash/splash.module.ts&#45;&gt;src/app/features/splash/splash&#45;routing.module.ts -->
-<g id="edge271" class="edge">
+<g id="edge278" class="edge">
 <title>src/app/features/splash/splash.module.ts&#45;&gt;src/app/features/splash/splash&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M434.8,-4446.93C450.36,-4444.87 468.11,-4442.52 485.11,-4440.26"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="485.66,-4442.31 491.33,-4439.44 485.11,-4438.14 485.66,-4442.31"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M434.8,-3421.93C450.36,-3422.59 468.11,-3423.34 485.11,-3424.05"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="485.25,-3426.16 491.33,-3424.32 485.43,-3421.96 485.25,-3426.16"/>
 </g>
 <!-- src/app/features/splash/splash.component.ts -->
-<g id="node166" class="node">
+<g id="node165" class="node">
 <title>src/app/features/splash/splash.component.ts</title>
-<g id="a_node166"><a xlink:href="src/app/features/splash/splash.component.ts" xlink:title="splash.component.ts">
-<path fill="#ddfeff" stroke="black" d="M809.5,-4470C809.5,-4470 710.5,-4470 710.5,-4470 707.5,-4470 704.5,-4467 704.5,-4464 704.5,-4464 704.5,-4458 704.5,-4458 704.5,-4455 707.5,-4452 710.5,-4452 710.5,-4452 809.5,-4452 809.5,-4452 812.5,-4452 815.5,-4455 815.5,-4458 815.5,-4458 815.5,-4464 815.5,-4464 815.5,-4467 812.5,-4470 809.5,-4470"/>
-<text text-anchor="start" x="712.5" y="-4458.8" font-family="Helvetica,sans-Serif" font-size="9.00">splash.component.ts</text>
+<g id="a_node165"><a xlink:href="src/app/features/splash/splash.component.ts" xlink:title="splash.component.ts">
+<path fill="#ddfeff" stroke="black" d="M809.5,-3436C809.5,-3436 710.5,-3436 710.5,-3436 707.5,-3436 704.5,-3433 704.5,-3430 704.5,-3430 704.5,-3424 704.5,-3424 704.5,-3421 707.5,-3418 710.5,-3418 710.5,-3418 809.5,-3418 809.5,-3418 812.5,-3418 815.5,-3421 815.5,-3424 815.5,-3424 815.5,-3430 815.5,-3430 815.5,-3433 812.5,-3436 809.5,-3436"/>
+<text text-anchor="start" x="712.5" y="-3424.8" font-family="Helvetica,sans-Serif" font-size="9.00">splash.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/splash/splash.module.ts&#45;&gt;src/app/features/splash/splash.component.ts -->
-<g id="edge272" class="edge">
+<g id="edge279" class="edge">
 <title>src/app/features/splash/splash.module.ts&#45;&gt;src/app/features/splash/splash.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M408.69,-4462.08C421.11,-4467.29 437.65,-4473.32 453,-4476 539.63,-4491.09 641.98,-4480.44 703.63,-4470.99"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="704.23,-4473.03 709.83,-4470.03 703.58,-4468.88 704.23,-4473.03"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M434.73,-3413.58C440.86,-3412.93 447.08,-3412.37 453,-3412 533.73,-3406.97 554.26,-3407.13 635,-3412 655.7,-3413.25 678.23,-3415.66 698.34,-3418.18"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="698.28,-3420.29 704.5,-3418.97 698.81,-3416.13 698.28,-3420.29"/>
 </g>
 <!-- src/app/features/stats/stats.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge278" class="edge">
+<g id="edge285" class="edge">
 <title>src/app/features/stats/stats.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M410.29,-4380.06C422.86,-4386.65 437.69,-4396.89 445,-4411 453.27,-4426.96 440.25,-5692.33 453,-5705 481.69,-5733.51 606.37,-5733.57 635,-5705 655.26,-5684.78 624.72,-1605.03 643,-1583 656.46,-1566.77 677.84,-1560.04 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M420.26,-3306.95C429.88,-3302.54 439.4,-3296.15 445,-3287 464.77,-3254.71 433.7,-1956.57 453,-1924 500.17,-1844.42 586.8,-1901.96 635,-1823 649.48,-1799.28 624.93,-1594.12 643,-1573 656.59,-1557.12 677.75,-1550.4 698.31,-1548.06"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.5,-1549.59 712.34,-1547.08 706.21,-1545.4 706.5,-1549.59"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.35,-1547.5 703.36,-1547.71 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="700.97" cy="-1547.87" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/stats/stats&#45;routing.module.ts -->
-<g id="node168" class="node">
+<g id="node167" class="node">
 <title>src/app/features/stats/stats&#45;routing.module.ts</title>
-<g id="a_node168"><a xlink:href="src/app/features/stats/stats-routing.module.ts" xlink:title="stats&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M611,-4336C611,-4336 501,-4336 501,-4336 498,-4336 495,-4333 495,-4330 495,-4330 495,-4324 495,-4324 495,-4321 498,-4318 501,-4318 501,-4318 611,-4318 611,-4318 614,-4318 617,-4321 617,-4324 617,-4324 617,-4330 617,-4330 617,-4333 614,-4336 611,-4336"/>
-<text text-anchor="start" x="503" y="-4324.8" font-family="Helvetica,sans-Serif" font-size="9.00">stats&#45;routing.module.ts</text>
+<g id="a_node167"><a xlink:href="src/app/features/stats/stats-routing.module.ts" xlink:title="stats&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M611,-3332C611,-3332 501,-3332 501,-3332 498,-3332 495,-3329 495,-3326 495,-3326 495,-3320 495,-3320 495,-3317 498,-3314 501,-3314 501,-3314 611,-3314 611,-3314 614,-3314 617,-3317 617,-3320 617,-3320 617,-3326 617,-3326 617,-3329 614,-3332 611,-3332"/>
+<text text-anchor="start" x="503" y="-3320.8" font-family="Helvetica,sans-Serif" font-size="9.00">stats&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/stats/stats.module.ts&#45;&gt;src/app/features/stats/stats&#45;routing.module.ts -->
-<g id="edge276" class="edge">
+<g id="edge283" class="edge">
 <title>src/app/features/stats/stats.module.ts&#45;&gt;src/app/features/stats/stats&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M405.62,-4361.91C418.25,-4355.39 436.26,-4346.92 453,-4342 464.33,-4338.67 476.6,-4336.06 488.57,-4334.02"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="489.21,-4336.04 494.8,-4333.01 488.54,-4331.9 489.21,-4336.04"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.32,-3317.78C448.74,-3318.52 469.34,-3319.39 488.68,-3320.2"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="488.82,-3322.31 494.91,-3320.47 489,-3318.11 488.82,-3322.31"/>
 </g>
 <!-- src/app/features/stats/stats.component.ts -->
-<g id="node169" class="node">
+<g id="node168" class="node">
 <title>src/app/features/stats/stats.component.ts</title>
-<g id="a_node169"><a xlink:href="src/app/features/stats/stats.component.ts" xlink:title="stats.component.ts">
-<path fill="#ddfeff" stroke="black" d="M806,-4366C806,-4366 714,-4366 714,-4366 711,-4366 708,-4363 708,-4360 708,-4360 708,-4354 708,-4354 708,-4351 711,-4348 714,-4348 714,-4348 806,-4348 806,-4348 809,-4348 812,-4351 812,-4354 812,-4354 812,-4360 812,-4360 812,-4363 809,-4366 806,-4366"/>
-<text text-anchor="start" x="716" y="-4354.8" font-family="Helvetica,sans-Serif" font-size="9.00">stats.component.ts</text>
+<g id="a_node168"><a xlink:href="src/app/features/stats/stats.component.ts" xlink:title="stats.component.ts">
+<path fill="#ddfeff" stroke="black" d="M806,-3332C806,-3332 714,-3332 714,-3332 711,-3332 708,-3329 708,-3326 708,-3326 708,-3320 708,-3320 708,-3317 711,-3314 714,-3314 714,-3314 806,-3314 806,-3314 809,-3314 812,-3317 812,-3320 812,-3320 812,-3326 812,-3326 812,-3329 809,-3332 806,-3332"/>
+<text text-anchor="start" x="716" y="-3320.8" font-family="Helvetica,sans-Serif" font-size="9.00">stats.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/stats/stats.module.ts&#45;&gt;src/app/features/stats/stats.component.ts -->
-<g id="edge277" class="edge">
+<g id="edge284" class="edge">
 <title>src/app/features/stats/stats.module.ts&#45;&gt;src/app/features/stats/stats.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.34,-4371.75C438.57,-4371.86 446,-4371.95 453,-4372 533.89,-4372.63 554.26,-4376.87 635,-4372 656.87,-4370.68 680.79,-4368.07 701.73,-4365.39"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="702.17,-4367.45 707.85,-4364.59 701.62,-4363.28 702.17,-4367.45"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M431.27,-3309.96C438.51,-3309.15 445.96,-3308.44 453,-3308 533.73,-3302.97 554.26,-3303.13 635,-3308 656.87,-3309.32 680.79,-3311.93 701.73,-3314.61"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="701.62,-3316.72 707.85,-3315.41 702.17,-3312.55 701.62,-3316.72"/>
 </g>
 <!-- src/app/features/terms/terms.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge283" class="edge">
+<g id="edge290" class="edge">
 <title>src/app/features/terms/terms.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M410.3,-4186.06C422.86,-4192.65 437.69,-4202.89 445,-4217 454.33,-4235.01 438.62,-5662.7 453,-5677 481.68,-5705.52 606.37,-5705.57 635,-5677 655.12,-5656.92 624.84,-1604.88 643,-1583 656.46,-1566.77 677.84,-1560.04 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M420.26,-3098.95C429.87,-3094.54 439.39,-3088.15 445,-3079 463.1,-3049.46 439.24,-1863.79 453,-1832 497.34,-1729.58 586.28,-1759.41 635,-1659 643.38,-1641.73 630.09,-1587.2 643,-1573 656.95,-1557.66 677.99,-1551.01 698.33,-1548.57"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.39,-1550.06 712.21,-1547.51 706.07,-1545.87 706.39,-1550.06"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.23,-1547.97 703.24,-1548.2 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="700.85" cy="-1548.38" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/terms/terms&#45;routing.module.ts -->
-<g id="node171" class="node">
+<g id="node170" class="node">
 <title>src/app/features/terms/terms&#45;routing.module.ts</title>
-<g id="a_node171"><a xlink:href="src/app/features/terms/terms-routing.module.ts" xlink:title="terms&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M613.5,-4142C613.5,-4142 498.5,-4142 498.5,-4142 495.5,-4142 492.5,-4139 492.5,-4136 492.5,-4136 492.5,-4130 492.5,-4130 492.5,-4127 495.5,-4124 498.5,-4124 498.5,-4124 613.5,-4124 613.5,-4124 616.5,-4124 619.5,-4127 619.5,-4130 619.5,-4130 619.5,-4136 619.5,-4136 619.5,-4139 616.5,-4142 613.5,-4142"/>
-<text text-anchor="start" x="500.5" y="-4130.8" font-family="Helvetica,sans-Serif" font-size="9.00">terms&#45;routing.module.ts</text>
+<g id="a_node170"><a xlink:href="src/app/features/terms/terms-routing.module.ts" xlink:title="terms&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M613.5,-3124C613.5,-3124 498.5,-3124 498.5,-3124 495.5,-3124 492.5,-3121 492.5,-3118 492.5,-3118 492.5,-3112 492.5,-3112 492.5,-3109 495.5,-3106 498.5,-3106 498.5,-3106 613.5,-3106 613.5,-3106 616.5,-3106 619.5,-3109 619.5,-3112 619.5,-3112 619.5,-3118 619.5,-3118 619.5,-3121 616.5,-3124 613.5,-3124"/>
+<text text-anchor="start" x="500.5" y="-3112.8" font-family="Helvetica,sans-Serif" font-size="9.00">terms&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/terms/terms.module.ts&#45;&gt;src/app/features/terms/terms&#45;routing.module.ts -->
-<g id="edge281" class="edge">
+<g id="edge288" class="edge">
 <title>src/app/features/terms/terms.module.ts&#45;&gt;src/app/features/terms/terms&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M405.62,-4167.91C418.25,-4161.39 436.26,-4152.92 453,-4148 463.58,-4144.89 474.97,-4142.41 486.17,-4140.44"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="486.8,-4142.46 492.37,-4139.39 486.1,-4138.32 486.8,-4142.46"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.92,-3109.89C449.91,-3110.57 468.31,-3111.34 485.86,-3112.08"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="486.2,-3114.2 492.28,-3112.36 486.38,-3110 486.2,-3114.2"/>
 </g>
 <!-- src/app/features/terms/terms.component.ts -->
-<g id="node172" class="node">
+<g id="node171" class="node">
 <title>src/app/features/terms/terms.component.ts</title>
-<g id="a_node172"><a xlink:href="src/app/features/terms/terms.component.ts" xlink:title="terms.component.ts">
-<path fill="#ddfeff" stroke="black" d="M808.5,-4172C808.5,-4172 711.5,-4172 711.5,-4172 708.5,-4172 705.5,-4169 705.5,-4166 705.5,-4166 705.5,-4160 705.5,-4160 705.5,-4157 708.5,-4154 711.5,-4154 711.5,-4154 808.5,-4154 808.5,-4154 811.5,-4154 814.5,-4157 814.5,-4160 814.5,-4160 814.5,-4166 814.5,-4166 814.5,-4169 811.5,-4172 808.5,-4172"/>
-<text text-anchor="start" x="713.5" y="-4160.8" font-family="Helvetica,sans-Serif" font-size="9.00">terms.component.ts</text>
+<g id="a_node171"><a xlink:href="src/app/features/terms/terms.component.ts" xlink:title="terms.component.ts">
+<path fill="#ddfeff" stroke="black" d="M808.5,-3124C808.5,-3124 711.5,-3124 711.5,-3124 708.5,-3124 705.5,-3121 705.5,-3118 705.5,-3118 705.5,-3112 705.5,-3112 705.5,-3109 708.5,-3106 711.5,-3106 711.5,-3106 808.5,-3106 808.5,-3106 811.5,-3106 814.5,-3109 814.5,-3112 814.5,-3112 814.5,-3118 814.5,-3118 814.5,-3121 811.5,-3124 808.5,-3124"/>
+<text text-anchor="start" x="713.5" y="-3112.8" font-family="Helvetica,sans-Serif" font-size="9.00">terms.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/terms/terms.module.ts&#45;&gt;src/app/features/terms/terms.component.ts -->
-<g id="edge282" class="edge">
+<g id="edge289" class="edge">
 <title>src/app/features/terms/terms.module.ts&#45;&gt;src/app/features/terms/terms.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.76,-4177.79C440.21,-4177.88 446.78,-4177.95 453,-4178 533.89,-4178.63 554.26,-4182.87 635,-4178 656.08,-4176.73 679.07,-4174.26 699.46,-4171.68"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.73,-4173.76 705.42,-4170.91 699.2,-4169.59 699.73,-4173.76"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M433.69,-3101.69C440.16,-3100.99 446.74,-3100.39 453,-3100 533.73,-3094.97 554.26,-3095.13 635,-3100 656.08,-3101.27 679.07,-3103.74 699.46,-3106.32"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.2,-3108.41 705.42,-3107.09 699.73,-3104.24 699.2,-3108.41"/>
 </g>
 <!-- src/app/features/the&#45;wire/the&#45;wire.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
-<g id="edge287" class="edge">
+<g id="edge294" class="edge">
 <title>src/app/features/the&#45;wire/the&#45;wire.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M410.3,-4082.06C422.86,-4088.64 437.69,-4098.89 445,-4113 454.9,-4132.12 437.74,-5647.82 453,-5663 481.67,-5691.52 606.37,-5691.57 635,-5663 655.05,-5642.98 624.91,-1604.8 643,-1583 656.47,-1566.77 677.84,-1560.04 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.18 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M438.5,-3033.96C440.93,-3032.31 443.13,-3030.34 445,-3028 456.24,-3013.94 445.33,-1748.29 453,-1732 499.91,-1632.38 543.48,-1620.11 643,-1573 660.2,-1564.86 680.18,-1559.73 698.66,-1556.5"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.82,-1557.37 712.43,-1554.38 706.18,-1553.21 706.82,-1557.37"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.5,-1555.29 703.54,-1555.75 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.16" cy="-1556.11" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/features/the&#45;wire/the&#45;wire&#45;routing.module.ts -->
-<g id="node174" class="node">
+<g id="node173" class="node">
 <title>src/app/features/the&#45;wire/the&#45;wire&#45;routing.module.ts</title>
-<g id="a_node174"><a xlink:href="src/app/features/the-wire/the-wire-routing.module.ts" xlink:title="the&#45;wire&#45;routing.module.ts">
-<path fill="#ddfeff" stroke="black" d="M618.5,-4052C618.5,-4052 493.5,-4052 493.5,-4052 490.5,-4052 487.5,-4049 487.5,-4046 487.5,-4046 487.5,-4040 487.5,-4040 487.5,-4037 490.5,-4034 493.5,-4034 493.5,-4034 618.5,-4034 618.5,-4034 621.5,-4034 624.5,-4037 624.5,-4040 624.5,-4040 624.5,-4046 624.5,-4046 624.5,-4049 621.5,-4052 618.5,-4052"/>
-<text text-anchor="start" x="495.5" y="-4040.8" font-family="Helvetica,sans-Serif" font-size="9.00">the&#45;wire&#45;routing.module.ts</text>
+<g id="a_node173"><a xlink:href="src/app/features/the-wire/the-wire-routing.module.ts" xlink:title="the&#45;wire&#45;routing.module.ts">
+<path fill="#ddfeff" stroke="black" d="M618.5,-3050C618.5,-3050 493.5,-3050 493.5,-3050 490.5,-3050 487.5,-3047 487.5,-3044 487.5,-3044 487.5,-3038 487.5,-3038 487.5,-3035 490.5,-3032 493.5,-3032 493.5,-3032 618.5,-3032 618.5,-3032 621.5,-3032 624.5,-3035 624.5,-3038 624.5,-3038 624.5,-3044 624.5,-3044 624.5,-3047 621.5,-3050 618.5,-3050"/>
+<text text-anchor="start" x="495.5" y="-3038.8" font-family="Helvetica,sans-Serif" font-size="9.00">the&#45;wire&#45;routing.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/the&#45;wire/the&#45;wire.module.ts&#45;&gt;src/app/features/the&#45;wire/the&#45;wire&#45;routing.module.ts -->
-<g id="edge286" class="edge">
+<g id="edge293" class="edge">
 <title>src/app/features/the&#45;wire/the&#45;wire.module.ts&#45;&gt;src/app/features/the&#45;wire/the&#45;wire&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M425.1,-4063.98C434.18,-4061.87 443.92,-4059.73 453,-4058 462.32,-4056.23 472.15,-4054.54 481.88,-4052.99"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="482.33,-4055.05 487.93,-4052.04 481.67,-4050.9 482.33,-4055.05"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M438.81,-3041C452.18,-3041 466.92,-3041 481.29,-3041"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="481.42,-3043.1 487.42,-3041 481.42,-3038.9 481.42,-3043.1"/>
 </g>
 <!-- src/app/app.component.spec.ts -->
 <g id="node34" class="node">
 <title>src/app/app.component.spec.ts</title>
 <g id="a_node34"><a xlink:href="src/app/app.component.spec.ts" xlink:title="app.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M612,-6156C612,-6156 500,-6156 500,-6156 497,-6156 494,-6153 494,-6150 494,-6150 494,-6144 494,-6144 494,-6141 497,-6138 500,-6138 500,-6138 612,-6138 612,-6138 615,-6138 618,-6141 618,-6144 618,-6144 618,-6150 618,-6150 618,-6153 615,-6156 612,-6156"/>
-<text text-anchor="start" x="502" y="-6144.8" font-family="Helvetica,sans-Serif" font-size="9.00">app.component.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M612,-6214C612,-6214 500,-6214 500,-6214 497,-6214 494,-6211 494,-6208 494,-6208 494,-6202 494,-6202 494,-6199 497,-6196 500,-6196 500,-6196 612,-6196 612,-6196 615,-6196 618,-6199 618,-6202 618,-6202 618,-6208 618,-6208 618,-6211 615,-6214 612,-6214"/>
+<text text-anchor="start" x="502" y="-6202.8" font-family="Helvetica,sans-Serif" font-size="9.00">app.component.spec.ts</text>
 </a>
 </g>
 </g>
@@ -1883,648 +1893,663 @@
 <g id="node35" class="node">
 <title>src/app/app.component.ts</title>
 <g id="a_node35"><a xlink:href="src/app/app.component.ts" xlink:title="app.component.ts">
-<path fill="#ddfeff" stroke="black" d="M804,-6128C804,-6128 716,-6128 716,-6128 713,-6128 710,-6125 710,-6122 710,-6122 710,-6116 710,-6116 710,-6113 713,-6110 716,-6110 716,-6110 804,-6110 804,-6110 807,-6110 810,-6113 810,-6116 810,-6116 810,-6122 810,-6122 810,-6125 807,-6128 804,-6128"/>
-<text text-anchor="start" x="718" y="-6116.8" font-family="Helvetica,sans-Serif" font-size="9.00">app.component.ts</text>
+<path fill="#ddfeff" stroke="black" d="M804,-6186C804,-6186 716,-6186 716,-6186 713,-6186 710,-6183 710,-6180 710,-6180 710,-6174 710,-6174 710,-6171 713,-6168 716,-6168 716,-6168 804,-6168 804,-6168 807,-6168 810,-6171 810,-6174 810,-6174 810,-6180 810,-6180 810,-6183 807,-6186 804,-6186"/>
+<text text-anchor="start" x="718" y="-6174.8" font-family="Helvetica,sans-Serif" font-size="9.00">app.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app.component.spec.ts&#45;&gt;src/app/app.component.ts -->
 <g id="edge33" class="edge">
 <title>src/app/app.component.spec.ts&#45;&gt;src/app/app.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M618.15,-6138.52C645.35,-6134.75 677.14,-6130.35 703.63,-6126.68"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="704.24,-6128.71 709.89,-6125.81 703.66,-6124.55 704.24,-6128.71"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M618.15,-6196.52C645.35,-6192.75 677.14,-6188.35 703.63,-6184.68"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="704.24,-6186.71 709.89,-6183.81 703.66,-6182.55 704.24,-6186.71"/>
 </g>
 <!-- src/app/core/auth/auth.module.ts -->
 <g id="node36" class="node">
 <title>src/app/core/auth/auth.module.ts</title>
 <g id="a_node36"><a xlink:href="src/app/core/auth/auth.module.ts" xlink:title="auth.module.ts">
-<path fill="#ddfeff" stroke="black" d="M1188,-2730C1188,-2730 1114,-2730 1114,-2730 1111,-2730 1108,-2727 1108,-2724 1108,-2724 1108,-2718 1108,-2718 1108,-2715 1111,-2712 1114,-2712 1114,-2712 1188,-2712 1188,-2712 1191,-2712 1194,-2715 1194,-2718 1194,-2718 1194,-2724 1194,-2724 1194,-2727 1191,-2730 1188,-2730"/>
-<text text-anchor="start" x="1116" y="-2718.8" font-family="Helvetica,sans-Serif" font-size="9.00">auth.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1188,-2760C1188,-2760 1114,-2760 1114,-2760 1111,-2760 1108,-2757 1108,-2754 1108,-2754 1108,-2748 1108,-2748 1108,-2745 1111,-2742 1114,-2742 1114,-2742 1188,-2742 1188,-2742 1191,-2742 1194,-2745 1194,-2748 1194,-2748 1194,-2754 1194,-2754 1194,-2757 1191,-2760 1188,-2760"/>
+<text text-anchor="start" x="1116" y="-2748.8" font-family="Helvetica,sans-Serif" font-size="9.00">auth.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app.component.spec.ts&#45;&gt;src/app/core/auth/auth.module.ts -->
 <g id="edge34" class="edge">
 <title>src/app/app.component.spec.ts&#45;&gt;src/app/core/auth/auth.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M618.18,-6148.37C691.93,-6149.31 811.17,-6148.39 853,-6134 955.92,-6098.61 1002.5,-6088.67 1052.5,-5992 1073.05,-5952.26 1037.81,-2809.56 1060.5,-2771 1071.54,-2752.23 1092.47,-2739.98 1111.32,-2732.31"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1112.25,-2734.2 1117.08,-2730.07 1110.73,-2730.28 1112.25,-2734.2"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M618.25,-6207.36C692.37,-6209.34 812.31,-6209.51 853,-6192 966.32,-6143.24 1004.21,-6112.52 1052.5,-5999 1061.19,-5978.56 1049.24,-2820.14 1060.5,-2801 1071.54,-2782.23 1092.47,-2769.98 1111.32,-2762.31"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1112.25,-2764.2 1117.08,-2760.07 1110.73,-2760.28 1112.25,-2764.2"/>
 </g>
 <!-- src/app/core/helpers/typescript&#45;loader.ts -->
 <g id="node37" class="node">
 <title>src/app/core/helpers/typescript&#45;loader.ts</title>
 <g id="a_node37"><a xlink:href="src/app/core/helpers/typescript-loader.ts" xlink:title="typescript&#45;loader.ts">
-<path fill="#ddfeff" stroke="black" d="M1371.5,-2130C1371.5,-2130 1279.5,-2130 1279.5,-2130 1276.5,-2130 1273.5,-2127 1273.5,-2124 1273.5,-2124 1273.5,-2118 1273.5,-2118 1273.5,-2115 1276.5,-2112 1279.5,-2112 1279.5,-2112 1371.5,-2112 1371.5,-2112 1374.5,-2112 1377.5,-2115 1377.5,-2118 1377.5,-2118 1377.5,-2124 1377.5,-2124 1377.5,-2127 1374.5,-2130 1371.5,-2130"/>
-<text text-anchor="start" x="1281.5" y="-2118.8" font-family="Helvetica,sans-Serif" font-size="9.00">typescript&#45;loader.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1371.5,-2190C1371.5,-2190 1279.5,-2190 1279.5,-2190 1276.5,-2190 1273.5,-2187 1273.5,-2184 1273.5,-2184 1273.5,-2178 1273.5,-2178 1273.5,-2175 1276.5,-2172 1279.5,-2172 1279.5,-2172 1371.5,-2172 1371.5,-2172 1374.5,-2172 1377.5,-2175 1377.5,-2178 1377.5,-2178 1377.5,-2184 1377.5,-2184 1377.5,-2187 1374.5,-2190 1371.5,-2190"/>
+<text text-anchor="start" x="1281.5" y="-2178.8" font-family="Helvetica,sans-Serif" font-size="9.00">typescript&#45;loader.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
 <g id="edge35" class="edge">
 <title>src/app/app.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M618.05,-6154.5C759.57,-6167.97 1107.57,-6177.56 1233.5,-5967 1260.63,-5921.63 1218.86,-2206.06 1246.5,-2161 1254.72,-2147.6 1269,-2138.5 1283.12,-2132.42"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1283.95,-2134.35 1288.72,-2130.15 1282.37,-2130.45 1283.95,-2134.35"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M609.12,-6214.03C717.1,-6229.34 962.67,-6245.63 1052.5,-6097 1059.07,-6086.14 1059.97,-5195.68 1060.5,-5183 1103.45,-4159.68 1185.01,-3908.08 1233.5,-2885 1234.37,-2866.57 1236.73,-2236.65 1246.5,-2221 1254.9,-2207.55 1269.38,-2198.43 1283.6,-2192.33"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1284.45,-2194.25 1289.23,-2190.06 1282.88,-2190.36 1284.45,-2194.25"/>
 </g>
 <!-- src/app/app.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
 <g id="edge36" class="edge">
 <title>src/app/app.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M810.44,-6113.31C826.67,-6108.82 843.09,-6100.91 853,-6087 865.71,-6069.16 851.94,-2952.94 861,-2933 875.48,-2901.16 909.08,-2876.78 931.8,-2863.17"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="932.92,-2864.94 937.04,-2860.1 930.8,-2861.32 932.92,-2864.94"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M810.42,-6171.3C826.66,-6166.81 843.07,-6158.9 853,-6145 859.89,-6135.36 860.62,-4450.84 861,-4439 881.67,-3799.74 943.71,-3014.81 953.26,-2896.28"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="955.35,-2896.43 953.74,-2890.28 951.17,-2896.09 955.35,-2896.43"/>
 </g>
 <!-- src/app/app.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
 <g id="edge38" class="edge">
 <title>src/app/app.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M810.21,-6120.51C826.03,-6118.39 842.23,-6112.98 853,-6101 866.72,-6085.74 847.46,-6024.42 861,-6009 918.51,-5943.54 997.81,-6034.83 1052.5,-5967 1067.52,-5948.37 1051.93,-2543.34 1060.5,-2521 1074.94,-2483.34 1110.78,-2450.88 1132.47,-2433.81"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1133.93,-2435.34 1137.4,-2430.01 1131.37,-2432.02 1133.93,-2435.34"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M810.11,-6178.42C825.92,-6176.29 842.14,-6170.9 853,-6159 864.75,-6146.13 853.1,-6096.53 861,-6081 912.87,-5979.03 1005.78,-6013.43 1052.5,-5909 1071.55,-5866.43 1043.8,-2594.55 1060.5,-2551 1074.94,-2513.34 1110.78,-2480.88 1132.47,-2463.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1133.93,-2465.34 1137.4,-2460.01 1131.37,-2462.02 1133.93,-2465.34"/>
 </g>
 <!-- src/app/core/services/language&#45;storage.service.ts -->
 <g id="node38" class="node">
 <title>src/app/core/services/language&#45;storage.service.ts</title>
 <g id="a_node38"><a xlink:href="src/app/core/services/language-storage.service.ts" xlink:title="language&#45;storage.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1390,-2430C1390,-2430 1261,-2430 1261,-2430 1258,-2430 1255,-2427 1255,-2424 1255,-2424 1255,-2418 1255,-2418 1255,-2415 1258,-2412 1261,-2412 1261,-2412 1390,-2412 1390,-2412 1393,-2412 1396,-2415 1396,-2418 1396,-2418 1396,-2424 1396,-2424 1396,-2427 1393,-2430 1390,-2430"/>
-<text text-anchor="start" x="1263" y="-2418.8" font-family="Helvetica,sans-Serif" font-size="9.00">language&#45;storage.service.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1390,-2490C1390,-2490 1261,-2490 1261,-2490 1258,-2490 1255,-2487 1255,-2484 1255,-2484 1255,-2478 1255,-2478 1255,-2475 1258,-2472 1261,-2472 1261,-2472 1390,-2472 1390,-2472 1393,-2472 1396,-2475 1396,-2478 1396,-2478 1396,-2484 1396,-2484 1396,-2487 1393,-2490 1390,-2490"/>
+<text text-anchor="start" x="1263" y="-2478.8" font-family="Helvetica,sans-Serif" font-size="9.00">language&#45;storage.service.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app.component.ts&#45;&gt;src/app/core/services/language&#45;storage.service.ts -->
 <g id="edge37" class="edge">
 <title>src/app/app.component.ts&#45;&gt;src/app/core/services/language&#45;storage.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M810.24,-6114.52C879.23,-6105.24 1001.87,-6077.02 1052.5,-5992 1060.57,-5978.45 1058.9,-3736.69 1060.5,-3721 1099.82,-3335.3 1189.04,-3251.14 1233.5,-2866 1236.24,-2842.26 1231,-2454.19 1246.5,-2436 1247.56,-2434.76 1248.68,-2433.6 1249.87,-2432.52"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.28,-2434.08 1254.72,-2428.73 1248.7,-2430.77 1251.28,-2434.08"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M810.12,-6171.89C824.4,-6169.22 839.71,-6165.17 853,-6159 956.09,-6111.15 1002.82,-6101.23 1052.5,-5999 1062.41,-5978.61 1059.54,-5205.65 1060.5,-5183 1103.99,-4159.7 1177.94,-3907.72 1233.5,-2885 1234.67,-2863.41 1232.45,-2512.44 1246.5,-2496 1247.56,-2494.76 1248.68,-2493.61 1249.87,-2492.53"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1251.29,-2494.09 1254.73,-2488.74 1248.7,-2490.77 1251.29,-2494.09"/>
 </g>
 <!-- src/app/core/auth/auth.module.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts -->
 <g id="edge47" class="edge">
 <title>src/app/core/auth/auth.module.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1194.02,-2719.54C1208.76,-2716.78 1223.99,-2710.91 1233.5,-2699 1255.91,-2670.93 1223.07,-2403.23 1246.5,-2376 1248.8,-2373.32 1251.43,-2371.03 1254.29,-2369.07"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.56,-2370.76 1259.66,-2365.9 1253.43,-2367.14 1255.56,-2370.76"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1194.42,-2749.44C1209.02,-2746.64 1224.06,-2740.78 1233.5,-2729 1253.88,-2703.57 1225.19,-2460.66 1246.5,-2436 1248.81,-2433.33 1251.44,-2431.04 1254.3,-2429.08"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.58,-2430.77 1259.68,-2425.92 1253.45,-2427.15 1255.58,-2430.77"/>
 </g>
 <!-- src/app/core/auth/auth.module.ts&#45;&gt;src/environments/environment.ts -->
 <g id="edge48" class="edge">
 <title>src/app/core/auth/auth.module.ts&#45;&gt;src/environments/environment.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1194.14,-2719.63C1208.89,-2716.88 1224.1,-2711 1233.5,-2699 1243.75,-2685.92 1246,-2117.61 1246.5,-2101 1271.69,-1269.41 1317.63,-244.66 1323.81,-108.25"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1325.91,-108.2 1324.09,-102.11 1321.72,-108.01 1325.91,-108.2"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1194.13,-2749.63C1208.88,-2746.87 1224.09,-2740.99 1233.5,-2729 1243.24,-2716.58 1246.02,-2176.77 1246.5,-2161 1272.48,-1303.71 1317.83,-247.02 1323.84,-108.28"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1325.95,-108.13 1324.11,-102.04 1321.75,-107.94 1325.95,-108.13"/>
 </g>
 <!-- src/app/core/services/local&#45;storage&#45;ref.service.ts -->
-<g id="node73" class="node">
+<g id="node76" class="node">
 <title>src/app/core/services/local&#45;storage&#45;ref.service.ts</title>
-<g id="a_node73"><a xlink:href="src/app/core/services/local-storage-ref.service.ts" xlink:title="local&#45;storage&#45;ref.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1545.5,-2370C1545.5,-2370 1423.5,-2370 1423.5,-2370 1420.5,-2370 1417.5,-2367 1417.5,-2364 1417.5,-2364 1417.5,-2358 1417.5,-2358 1417.5,-2355 1420.5,-2352 1423.5,-2352 1423.5,-2352 1545.5,-2352 1545.5,-2352 1548.5,-2352 1551.5,-2355 1551.5,-2358 1551.5,-2358 1551.5,-2364 1551.5,-2364 1551.5,-2367 1548.5,-2370 1545.5,-2370"/>
-<text text-anchor="start" x="1425.5" y="-2358.8" font-family="Helvetica,sans-Serif" font-size="9.00">local&#45;storage&#45;ref.service.ts</text>
+<g id="a_node76"><a xlink:href="src/app/core/services/local-storage-ref.service.ts" xlink:title="local&#45;storage&#45;ref.service.ts">
+<path fill="#ddfeff" stroke="black" d="M1545.5,-2430C1545.5,-2430 1423.5,-2430 1423.5,-2430 1420.5,-2430 1417.5,-2427 1417.5,-2424 1417.5,-2424 1417.5,-2418 1417.5,-2418 1417.5,-2415 1420.5,-2412 1423.5,-2412 1423.5,-2412 1545.5,-2412 1545.5,-2412 1548.5,-2412 1551.5,-2415 1551.5,-2418 1551.5,-2418 1551.5,-2424 1551.5,-2424 1551.5,-2427 1548.5,-2430 1545.5,-2430"/>
+<text text-anchor="start" x="1425.5" y="-2418.8" font-family="Helvetica,sans-Serif" font-size="9.00">local&#45;storage&#45;ref.service.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/language&#45;storage.service.ts&#45;&gt;src/app/core/services/local&#45;storage&#45;ref.service.ts -->
-<g id="edge81" class="edge">
+<g id="edge85" class="edge">
 <title>src/app/core/services/language&#45;storage.service.ts&#45;&gt;src/app/core/services/local&#45;storage&#45;ref.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1385.01,-2411.93C1391.67,-2410.25 1398.29,-2408.29 1404.5,-2406 1426.65,-2397.82 1449.9,-2383.83 1465.39,-2373.61"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1466.91,-2375.12 1470.73,-2370.04 1464.58,-2371.63 1466.91,-2375.12"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1395.48,-2471.86C1398.67,-2470.19 1401.7,-2468.24 1404.5,-2466 1415.84,-2456.91 1406.32,-2445.28 1417.5,-2436 1418.73,-2434.98 1420.01,-2434.03 1421.34,-2433.14"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1422.56,-2434.86 1426.67,-2430 1420.43,-2431.24 1422.56,-2434.86"/>
 </g>
 <!-- src/app/app.module.ts -->
 <g id="node39" class="node">
 <title>src/app/app.module.ts</title>
 <g id="a_node39"><a xlink:href="src/app/app.module.ts" xlink:title="app.module.ts">
-<path fill="#ddfeff" stroke="black" d="M170,-6092C170,-6092 100,-6092 100,-6092 97,-6092 94,-6089 94,-6086 94,-6086 94,-6080 94,-6080 94,-6077 97,-6074 100,-6074 100,-6074 170,-6074 170,-6074 173,-6074 176,-6077 176,-6080 176,-6080 176,-6086 176,-6086 176,-6089 173,-6092 170,-6092"/>
-<text text-anchor="start" x="102" y="-6080.8" font-family="Helvetica,sans-Serif" font-size="9.00">app.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M170,-6166C170,-6166 100,-6166 100,-6166 97,-6166 94,-6163 94,-6160 94,-6160 94,-6154 94,-6154 94,-6151 97,-6148 100,-6148 100,-6148 170,-6148 170,-6148 173,-6148 176,-6151 176,-6154 176,-6154 176,-6160 176,-6160 176,-6163 173,-6166 170,-6166"/>
+<text text-anchor="start" x="102" y="-6154.8" font-family="Helvetica,sans-Serif" font-size="9.00">app.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app.module.ts&#45;&gt;src/app/app&#45;routing.module.ts -->
 <g id="edge39" class="edge">
 <title>src/app/app.module.ts&#45;&gt;src/app/app&#45;routing.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M172.4,-6073.76C173.73,-6072.64 174.94,-6071.4 176,-6070 229.08,-6000.05 244.82,-4592.42 246.78,-4394.13"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="248.96,-4386.16 246.92,-4380.14 244.76,-4386.12 248.96,-4386.16"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="246.86,-4386.14 246.83,-4389.14 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="246.81" cy="-4391.54" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M172.42,-6147.78C173.74,-6146.66 174.95,-6145.4 176,-6144 249.47,-6046.03 247.55,-4060.61 247.06,-3823.99"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="249.14,-3816.02 247.02,-3810.03 244.94,-3816.03 249.14,-3816.02"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="247.04,-3816.03 247.05,-3819.03 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="247.05" cy="-3821.43" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/app.module.ts&#45;&gt;src/app/app.component.ts -->
 <g id="edge40" class="edge">
 <title>src/app/app.module.ts&#45;&gt;src/app/app.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M146.95,-6092.05C157.13,-6099.84 173.07,-6110.5 189,-6115 284.41,-6141.93 579.65,-6129.16 703.46,-6122.33"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="703.71,-6124.42 709.58,-6121.99 703.48,-6120.23 703.71,-6124.42"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M146.94,-6166.08C157.11,-6173.88 173.05,-6184.56 189,-6189 298.61,-6219.52 331.24,-6191.17 445,-6189 535.57,-6187.27 640.75,-6182.74 703.49,-6179.76"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="703.9,-6181.85 709.8,-6179.46 703.7,-6177.65 703.9,-6181.85"/>
 </g>
 <!-- src/app/app.module.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
 <g id="edge42" class="edge">
 <title>src/app/app.module.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M176.17,-6080.8C235.28,-6077.24 349.08,-6069.14 445,-6055 490.88,-6048.23 823.98,-6003.18 853,-5967 867.97,-5948.33 849.81,-2542.15 861,-2521 909.22,-2429.85 1002.8,-2480.35 1052.5,-2390 1064.77,-2367.69 1043.29,-2179.76 1060.5,-2161 1086.68,-2132.47 1195.29,-2146.3 1233.5,-2140 1248.27,-2137.57 1264.28,-2134.4 1278.7,-2131.36"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1279.34,-2133.37 1284.77,-2130.06 1278.46,-2129.26 1279.34,-2133.37"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M176.2,-6151.46C180.52,-6150.94 184.85,-6150.44 189,-6150 201.36,-6148.7 624.85,-6122.17 635,-6115 642.15,-6109.95 636.37,-6102.71 643,-6097 716.37,-6033.81 794.26,-6115.98 853,-6039 867.69,-6019.74 850.3,-2572.73 861,-2551 908.52,-2454.5 1002.98,-2498.49 1052.5,-2403 1061.82,-2385.03 1046.75,-2235.85 1060.5,-2221 1086.81,-2192.58 1195.29,-2206.3 1233.5,-2200 1248.27,-2197.57 1264.28,-2194.4 1278.7,-2191.36"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1279.34,-2193.37 1284.77,-2190.06 1278.46,-2189.26 1279.34,-2193.37"/>
 </g>
 <!-- src/app/core/core.module.ts -->
 <g id="node40" class="node">
 <title>src/app/core/core.module.ts</title>
 <g id="a_node40"><a xlink:href="src/app/core/core.module.ts" xlink:title="core.module.ts">
-<path fill="#ddfeff" stroke="black" d="M991.5,-2766C991.5,-2766 919.5,-2766 919.5,-2766 916.5,-2766 913.5,-2763 913.5,-2760 913.5,-2760 913.5,-2754 913.5,-2754 913.5,-2751 916.5,-2748 919.5,-2748 919.5,-2748 991.5,-2748 991.5,-2748 994.5,-2748 997.5,-2751 997.5,-2754 997.5,-2754 997.5,-2760 997.5,-2760 997.5,-2763 994.5,-2766 991.5,-2766"/>
-<text text-anchor="start" x="921.5" y="-2754.8" font-family="Helvetica,sans-Serif" font-size="9.00">core.module.ts</text>
+<path fill="#ddfeff" stroke="black" d="M991.5,-2796C991.5,-2796 919.5,-2796 919.5,-2796 916.5,-2796 913.5,-2793 913.5,-2790 913.5,-2790 913.5,-2784 913.5,-2784 913.5,-2781 916.5,-2778 919.5,-2778 919.5,-2778 991.5,-2778 991.5,-2778 994.5,-2778 997.5,-2781 997.5,-2784 997.5,-2784 997.5,-2790 997.5,-2790 997.5,-2793 994.5,-2796 991.5,-2796"/>
+<text text-anchor="start" x="921.5" y="-2784.8" font-family="Helvetica,sans-Serif" font-size="9.00">core.module.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app.module.ts&#45;&gt;src/app/core/core.module.ts -->
 <g id="edge41" class="edge">
 <title>src/app/app.module.ts&#45;&gt;src/app/core/core.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M176.25,-6084.51C261.26,-6087.18 465.24,-6090.92 635,-6073 733.13,-6062.64 790.08,-6107.01 853,-6031 867.44,-6013.56 846.2,-2788.13 861,-2771 870.59,-2759.89 884.89,-2754.84 899.44,-2752.96"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="907.47,-2754.53 913.32,-2752.04 907.19,-2750.34 907.47,-2754.53"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="907.33,-2752.44 904.34,-2752.63 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="901.94" cy="-2752.79" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M176.03,-6156.36C234.97,-6155.28 348.55,-6152.62 445,-6147 490.61,-6144.34 823.32,-6130.74 853,-6096 867.86,-6078.6 846.04,-2818.32 861,-2801 870.59,-2789.89 884.89,-2784.84 899.44,-2782.96"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="907.47,-2784.53 913.32,-2782.04 907.19,-2780.34 907.47,-2784.53"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="907.33,-2782.44 904.34,-2782.63 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="901.94" cy="-2782.79" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/core/services/title.service.ts -->
 <g id="node41" class="node">
 <title>src/app/core/services/title.service.ts</title>
 <g id="a_node41"><a xlink:href="src/app/core/services/title.service.ts" xlink:title="title.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1359.5,-2400C1359.5,-2400 1291.5,-2400 1291.5,-2400 1288.5,-2400 1285.5,-2397 1285.5,-2394 1285.5,-2394 1285.5,-2388 1285.5,-2388 1285.5,-2385 1288.5,-2382 1291.5,-2382 1291.5,-2382 1359.5,-2382 1359.5,-2382 1362.5,-2382 1365.5,-2385 1365.5,-2388 1365.5,-2388 1365.5,-2394 1365.5,-2394 1365.5,-2397 1362.5,-2400 1359.5,-2400"/>
-<text text-anchor="start" x="1293.5" y="-2388.8" font-family="Helvetica,sans-Serif" font-size="9.00">title.service.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1359.5,-2460C1359.5,-2460 1291.5,-2460 1291.5,-2460 1288.5,-2460 1285.5,-2457 1285.5,-2454 1285.5,-2454 1285.5,-2448 1285.5,-2448 1285.5,-2445 1288.5,-2442 1291.5,-2442 1291.5,-2442 1359.5,-2442 1359.5,-2442 1362.5,-2442 1365.5,-2445 1365.5,-2448 1365.5,-2448 1365.5,-2454 1365.5,-2454 1365.5,-2457 1362.5,-2460 1359.5,-2460"/>
+<text text-anchor="start" x="1293.5" y="-2448.8" font-family="Helvetica,sans-Serif" font-size="9.00">title.service.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app.module.ts&#45;&gt;src/app/core/services/title.service.ts -->
 <g id="edge43" class="edge">
 <title>src/app/app.module.ts&#45;&gt;src/app/core/services/title.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M144.47,-6092.05C154.25,-6101.93 171.27,-6117.48 189,-6126 270.18,-6164.98 296.95,-6169 387,-6169 387,-6169 387,-6169 761,-6169 839.75,-6169 1049.47,-6069.46 1052.5,-6065 1061.64,-6051.53 1058.85,-3737.19 1060.5,-3721 1099.8,-3335.3 1189.42,-3251.19 1233.5,-2866 1236.41,-2840.6 1229.94,-2425.48 1246.5,-2406 1254.64,-2396.43 1266.86,-2391.77 1279.23,-2389.74"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1279.62,-2391.81 1285.3,-2388.94 1279.07,-2387.64 1279.62,-2391.81"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M144.35,-6166.31C154.02,-6176.43 170.95,-6192.19 189,-6200 270.5,-6235.29 298.19,-6227 387,-6227 387,-6227 387,-6227 557,-6227 688.95,-6227 726.37,-6241.09 853,-6204 949.56,-6175.72 1000.46,-6183.11 1052.5,-6097 1059.07,-6086.14 1059.97,-5195.68 1060.5,-5183 1103.45,-4159.68 1179.16,-3907.78 1233.5,-2885 1234.74,-2861.74 1231.39,-2483.72 1246.5,-2466 1254.65,-2456.44 1266.87,-2451.78 1279.24,-2449.75"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1279.64,-2451.82 1285.31,-2448.96 1279.09,-2447.66 1279.64,-2451.82"/>
 </g>
 <!-- src/app/features/events/events.component.ts -->
 <g id="node42" class="node">
 <title>src/app/features/events/events.component.ts</title>
 <g id="a_node42"><a xlink:href="src/app/features/events/events.component.ts" xlink:title="events.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1006,-3828C1006,-3828 905,-3828 905,-3828 902,-3828 899,-3825 899,-3822 899,-3822 899,-3816 899,-3816 899,-3813 902,-3810 905,-3810 905,-3810 1006,-3810 1006,-3810 1009,-3810 1012,-3813 1012,-3816 1012,-3816 1012,-3822 1012,-3822 1012,-3825 1009,-3828 1006,-3828"/>
-<text text-anchor="start" x="907" y="-3816.8" font-family="Helvetica,sans-Serif" font-size="9.00">events.component.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1006,-5846C1006,-5846 905,-5846 905,-5846 902,-5846 899,-5843 899,-5840 899,-5840 899,-5834 899,-5834 899,-5831 902,-5828 905,-5828 905,-5828 1006,-5828 1006,-5828 1009,-5828 1012,-5831 1012,-5834 1012,-5834 1012,-5840 1012,-5840 1012,-5843 1009,-5846 1006,-5846"/>
+<text text-anchor="start" x="907" y="-5834.8" font-family="Helvetica,sans-Serif" font-size="9.00">events.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app.module.ts&#45;&gt;src/app/features/events/events.component.ts -->
 <g id="edge44" class="edge">
 <title>src/app/app.module.ts&#45;&gt;src/app/features/events/events.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M157.51,-6092.09C166.98,-6095.62 178.36,-6099.24 189,-6101 384.57,-6133.3 436.88,-6107.36 635,-6101 659.26,-6100.22 836.36,-6104.67 853,-6087 874.46,-6064.2 840.53,-3856.68 861,-3833 869.12,-3823.61 880.6,-3818.55 892.75,-3816.07"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="893.19,-3818.13 898.75,-3815.06 892.49,-3813.99 893.19,-3818.13"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M157.51,-6166.09C166.98,-6169.62 178.36,-6173.24 189,-6175 301.26,-6193.54 331.3,-6179.17 445,-6175 450.68,-6174.79 849.08,-6149.11 853,-6145 875.57,-6121.37 839.34,-5875.47 861,-5851 869.23,-5841.71 880.75,-5836.68 892.91,-5834.22"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="893.35,-5836.27 898.92,-5833.2 892.65,-5832.13 893.35,-5836.27"/>
 </g>
 <!-- src/app/features/groups/groups.component.ts -->
 <g id="node43" class="node">
 <title>src/app/features/groups/groups.component.ts</title>
 <g id="a_node43"><a xlink:href="src/app/features/groups/groups.component.ts" xlink:title="groups.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1202,-5938C1202,-5938 1100,-5938 1100,-5938 1097,-5938 1094,-5935 1094,-5932 1094,-5932 1094,-5926 1094,-5926 1094,-5923 1097,-5920 1100,-5920 1100,-5920 1202,-5920 1202,-5920 1205,-5920 1208,-5923 1208,-5926 1208,-5926 1208,-5932 1208,-5932 1208,-5935 1205,-5938 1202,-5938"/>
-<text text-anchor="start" x="1102" y="-5926.8" font-family="Helvetica,sans-Serif" font-size="9.00">groups.component.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1202,-5482C1202,-5482 1100,-5482 1100,-5482 1097,-5482 1094,-5479 1094,-5476 1094,-5476 1094,-5470 1094,-5470 1094,-5467 1097,-5464 1100,-5464 1100,-5464 1202,-5464 1202,-5464 1205,-5464 1208,-5467 1208,-5470 1208,-5470 1208,-5476 1208,-5476 1208,-5479 1205,-5482 1202,-5482"/>
+<text text-anchor="start" x="1102" y="-5470.8" font-family="Helvetica,sans-Serif" font-size="9.00">groups.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/app.module.ts&#45;&gt;src/app/features/groups/groups.component.ts -->
 <g id="edge45" class="edge">
 <title>src/app/app.module.ts&#45;&gt;src/app/features/groups/groups.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M138.28,-6092.19C143.53,-6111.17 158.44,-6154.5 189,-6173 264.37,-6218.64 298.89,-6183 387,-6183 387,-6183 387,-6183 761,-6183 890.63,-6183 946.43,-6247.52 1052.5,-6173 1130.96,-6117.87 1146.31,-5988.76 1149.29,-5944.34"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1151.39,-5944.3 1149.66,-5938.19 1147.2,-5944.05 1151.39,-5944.3"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M139.39,-6166.09C146.05,-6182.46 162.51,-6216.53 189,-6231 266.33,-6273.23 298.89,-6241 387,-6241 387,-6241 387,-6241 761,-6241 895.7,-6241 974.53,-6267.84 1052.5,-6158 1070.09,-6133.22 1051.66,-5640.08 1060.5,-5611 1076,-5559.98 1116.5,-5509.97 1137.29,-5486.64"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1138.95,-5487.94 1141.41,-5482.08 1135.83,-5485.12 1138.95,-5487.94"/>
 </g>
 <!-- src/app/app.module.ts&#45;&gt;src/app/shared/shared.module.ts -->
 <g id="edge46" class="edge">
 <title>src/app/app.module.ts&#45;&gt;src/app/shared/shared.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M169.59,-6073.98C171.85,-6072.81 174.01,-6071.49 176,-6070 184.19,-6063.87 180.43,-6056.59 189,-6051 361.72,-5938.32 520.77,-6094.7 635,-5923 651.69,-5897.91 623.75,-1606.19 643,-1583 656.46,-1566.77 677.84,-1560.03 698.59,-1557.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1559.37 712.4,-1556.88 706.28,-1555.17 706.55,-1559.37"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1557.27 703.42,-1557.47 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1557.62" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M164.47,-6147.95C168.36,-6146.66 172.28,-6145.32 176,-6144 181.83,-6141.93 182.96,-6140.37 189,-6139 201.12,-6136.26 626.58,-6112.14 635,-6103 656.31,-6079.86 622.91,-1597.21 643,-1573 656.46,-1556.77 677.84,-1550.03 698.59,-1547.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.55,-1549.37 712.4,-1546.88 706.27,-1545.17 706.55,-1549.37"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="706.41,-1547.27 703.42,-1547.46 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="701.02" cy="-1547.62" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/core/core.module.ts&#45;&gt;src/app/core/auth/auth.module.ts -->
 <g id="edge50" class="edge">
 <title>src/app/core/core.module.ts&#45;&gt;src/app/core/auth/auth.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M994.4,-2747.92C1014.05,-2743.39 1038.49,-2738.03 1060.5,-2734 1073.76,-2731.57 1088.19,-2729.31 1101.52,-2727.38"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.91,-2729.44 1107.56,-2726.51 1101.32,-2725.29 1101.91,-2729.44"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M994.4,-2777.92C1014.05,-2773.39 1038.49,-2768.03 1060.5,-2764 1073.76,-2761.57 1088.19,-2759.31 1101.52,-2757.38"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.91,-2759.44 1107.56,-2756.51 1101.32,-2755.29 1101.91,-2759.44"/>
 </g>
 <!-- src/app/core/core.module.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
 <g id="edge51" class="edge">
 <title>src/app/core/core.module.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M997.54,-2760.41C1070.59,-2766.02 1217.07,-2775.08 1233.5,-2759 1257.25,-2735.76 1228.87,-2189.17 1246.5,-2161 1254.91,-2147.56 1269.39,-2138.44 1283.61,-2132.34"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1284.47,-2134.26 1289.25,-2130.07 1282.9,-2130.37 1284.47,-2134.26"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M997.54,-2790.4C1070.58,-2796.01 1217.06,-2805.07 1233.5,-2789 1256.07,-2766.94 1229.74,-2247.74 1246.5,-2221 1254.92,-2207.57 1269.4,-2198.44 1283.62,-2192.35"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1284.47,-2194.27 1289.25,-2190.07 1282.9,-2190.37 1284.47,-2194.27"/>
 </g>
 <!-- src/app/core/core.module.ts&#45;&gt;src/app/app.module.ts -->
 <g id="edge49" class="edge">
 <title>src/app/core/core.module.ts&#45;&gt;src/app/app.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M913.32,-2752.04C894.51,-2752.22 873.66,-2756.34 861,-2771 846.09,-2788.27 868.21,-6039.99 853,-6057 820.5,-6093.35 683.62,-6078.32 635,-6082 441.76,-6096.62 389.27,-6100.02 190.15,-6088.83"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="182.29,-6086.27 176.18,-6088.03 182.05,-6090.47 182.29,-6086.27"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="182.17,-6088.37 185.17,-6088.54 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="187.57" cy="-6088.68" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M913.32,-2782.04C894.51,-2782.22 873.66,-2786.34 861,-2801 845.94,-2818.44 868.36,-6101.82 853,-6119 820.5,-6155.35 683.6,-6140.07 635,-6144 550.74,-6150.82 529.47,-6149.47 445,-6153 383.68,-6155.56 368.36,-6156.89 307,-6158 258.56,-6158.88 243.67,-6158.56 190.26,-6157.98"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="182.24,-6155.8 176.22,-6157.84 182.2,-6160 182.24,-6155.8"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="182.22,-6157.9 185.22,-6157.93 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="187.62" cy="-6157.96" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge368" class="edge">
+<g id="edge377" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.53,-1560.82C824.46,-1563.31 842.11,-1569.42 853,-1583 861.83,-1594.01 856.96,-2077.48 861,-2091 861.74,-2093.48 1058.34,-2404.57 1060.5,-2406 1068.54,-2411.34 1077.86,-2414.98 1087.39,-2417.44"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.02,-2419.51 1093.34,-2418.81 1087.97,-2415.41 1087.02,-2419.51"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.53,-1550.81C824.47,-1553.31 842.12,-1559.41 853,-1573 872.1,-1596.85 848.63,-2095.06 861,-2123 908.17,-2229.53 1002.94,-2196.56 1052.5,-2302 1058.84,-2315.5 1050.53,-2424.91 1060.5,-2436 1067.54,-2443.84 1077.01,-2448.6 1087.16,-2451.37"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.89,-2453.46 1093.21,-2452.77 1087.84,-2449.37 1086.89,-2453.46"/>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/forbidden/forbidden.component.ts -->
-<g id="edge378" class="edge">
+<g id="edge387" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/forbidden/forbidden.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.77,-1551.92C824.96,-1546.08 842.72,-1536.54 853,-1521 868.2,-1498.02 845.73,-551.94 861,-529 870.24,-515.12 885.38,-506.04 900.81,-500.11"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.56,-502.07 906.5,-498.06 900.14,-498.12 901.56,-502.07"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.77,-1541.92C824.96,-1536.08 842.72,-1526.55 853,-1511 869.12,-1486.62 844.81,-483.33 861,-459 870.23,-445.12 885.37,-436.04 900.8,-430.1"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.56,-432.07 906.49,-428.06 900.14,-428.11 901.56,-432.07"/>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/not&#45;found/not&#45;found.component.ts -->
-<g id="edge382" class="edge">
+<g id="edge392" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/not&#45;found/not&#45;found.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.77,-1551.92C824.96,-1546.08 842.72,-1536.55 853,-1521 869.12,-1496.62 844.81,-493.33 861,-469 870.23,-455.12 885.37,-446.04 900.8,-440.1"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.56,-442.07 906.49,-438.06 900.14,-438.11 901.56,-442.07"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.78,-1541.92C824.97,-1536.09 842.73,-1526.55 853,-1511 870.03,-1485.23 843.89,-424.72 861,-399 870.23,-385.12 885.37,-376.04 900.8,-370.1"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.56,-372.06 906.49,-368.05 900.13,-368.11 901.56,-372.06"/>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/unauthorized/unauthorized.component.ts -->
-<g id="edge387" class="edge">
+<g id="edge397" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/unauthorized/unauthorized.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.78,-1551.92C824.97,-1546.09 842.73,-1536.55 853,-1521 870.03,-1495.23 843.89,-434.72 861,-409 870.23,-395.12 885.37,-386.04 900.8,-380.1"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.56,-382.06 906.49,-378.05 900.13,-378.11 901.56,-382.06"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.78,-1541.93C824.97,-1536.09 842.73,-1526.55 853,-1511 870.94,-1483.83 842.98,-366.11 861,-339 870.23,-325.12 885.36,-316.04 900.8,-310.1"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.55,-312.06 906.49,-308.05 900.13,-308.11 901.55,-312.06"/>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge367" class="edge">
+<g id="edge376" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.52,-1560.82C824.46,-1563.32 842.11,-1569.42 853,-1583 870.18,-1604.41 841.91,-2057.28 861,-2077 889.83,-2106.77 1192.61,-2088.26 1233.5,-2095 1253.57,-2098.31 1275.51,-2104.5 1292.82,-2110.01"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1292.62,-2112.15 1298.97,-2112 1293.91,-2108.15 1292.62,-2112.15"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.53,-1550.82C824.47,-1553.31 842.12,-1559.41 853,-1573 871.62,-1596.24 840.3,-2087.59 861,-2109 889.81,-2138.79 1193.82,-2115.07 1233.5,-2127 1262.04,-2135.58 1290.95,-2154.97 1308.3,-2168.02"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1307.26,-2169.87 1313.3,-2171.85 1309.81,-2166.54 1307.26,-2169.87"/>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/app.module.ts -->
-<g id="edge366" class="edge">
+<g id="edge375" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/app.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M712.4,-1556.88C687.85,-1557.48 659.49,-1563.12 643,-1583 623.55,-1606.45 654.16,-5946.31 635,-5970 507.56,-6127.58 383.35,-6007.53 189,-6065 185.1,-6066.15 183.24,-6067.05 177.5,-6069.24"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="169.4,-6069.94 164.47,-6073.95 170.83,-6073.89 169.4,-6069.94"/>
-<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="170.11,-6071.91 172.93,-6070.89 "/>
-<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="175.19" cy="-6070.08" rx="2.4" ry="2.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M712.4,-1546.88C687.85,-1547.48 659.49,-1553.12 643,-1573 623.2,-1596.87 654.71,-6015.06 635,-6039 570.78,-6116.98 274.79,-6073.65 189,-6127 183.95,-6130.14 183.17,-6133.85 179.81,-6138.47"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="172.52,-6142.27 169.5,-6147.86 175.35,-6145.38 172.52,-6142.27"/>
+<polyline fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="173.94,-6143.82 176.15,-6141.8 "/>
+<ellipse fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" cx="177.93" cy="-6140.19" rx="2.4" ry="2.4"/>
 </g>
 <!-- src/app/shared/components/banner/banner.component.ts -->
-<g id="node103" class="node">
+<g id="node105" class="node">
 <title>src/app/shared/components/banner/banner.component.ts</title>
-<g id="a_node103"><a xlink:href="src/app/shared/components/banner/banner.component.ts" xlink:title="banner.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1006.5,-1492C1006.5,-1492 904.5,-1492 904.5,-1492 901.5,-1492 898.5,-1489 898.5,-1486 898.5,-1486 898.5,-1480 898.5,-1480 898.5,-1477 901.5,-1474 904.5,-1474 904.5,-1474 1006.5,-1474 1006.5,-1474 1009.5,-1474 1012.5,-1477 1012.5,-1480 1012.5,-1480 1012.5,-1486 1012.5,-1486 1012.5,-1489 1009.5,-1492 1006.5,-1492"/>
-<text text-anchor="start" x="906.5" y="-1480.8" font-family="Helvetica,sans-Serif" font-size="9.00">banner.component.ts</text>
+<g id="a_node105"><a xlink:href="src/app/shared/components/banner/banner.component.ts" xlink:title="banner.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1006.5,-1482C1006.5,-1482 904.5,-1482 904.5,-1482 901.5,-1482 898.5,-1479 898.5,-1476 898.5,-1476 898.5,-1470 898.5,-1470 898.5,-1467 901.5,-1464 904.5,-1464 904.5,-1464 1006.5,-1464 1006.5,-1464 1009.5,-1464 1012.5,-1467 1012.5,-1470 1012.5,-1470 1012.5,-1476 1012.5,-1476 1012.5,-1479 1009.5,-1482 1006.5,-1482"/>
+<text text-anchor="start" x="906.5" y="-1470.8" font-family="Helvetica,sans-Serif" font-size="9.00">banner.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/banner/banner.component.ts -->
-<g id="edge369" class="edge">
+<g id="edge378" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/banner/banner.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M800.36,-1551.95C818.59,-1545.93 839.22,-1536.24 853,-1521 860.82,-1512.35 852.07,-1503.51 861,-1496 869.86,-1488.54 880.96,-1484.21 892.38,-1481.85"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="892.83,-1483.9 898.37,-1480.79 892.1,-1479.77 892.83,-1483.9"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M800.36,-1541.95C818.59,-1535.93 839.22,-1526.24 853,-1511 860.82,-1502.35 852.07,-1493.51 861,-1486 869.86,-1478.54 880.96,-1474.21 892.38,-1471.85"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="892.83,-1473.9 898.37,-1470.79 892.1,-1469.77 892.83,-1473.9"/>
 </g>
 <!-- src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts -->
-<g id="node179" class="node">
+<g id="node178" class="node">
 <title>src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts</title>
-<g id="a_node179"><a xlink:href="src/app/shared/pipes/form-control/form-control.pipe.ts" xlink:title="form&#45;control.pipe.ts">
-<path fill="#ddfeff" stroke="black" d="M1002.5,-1612C1002.5,-1612 908.5,-1612 908.5,-1612 905.5,-1612 902.5,-1609 902.5,-1606 902.5,-1606 902.5,-1600 902.5,-1600 902.5,-1597 905.5,-1594 908.5,-1594 908.5,-1594 1002.5,-1594 1002.5,-1594 1005.5,-1594 1008.5,-1597 1008.5,-1600 1008.5,-1600 1008.5,-1606 1008.5,-1606 1008.5,-1609 1005.5,-1612 1002.5,-1612"/>
-<text text-anchor="start" x="910.5" y="-1600.8" font-family="Helvetica,sans-Serif" font-size="9.00">form&#45;control.pipe.ts</text>
+<g id="a_node178"><a xlink:href="src/app/shared/pipes/form-control/form-control.pipe.ts" xlink:title="form&#45;control.pipe.ts">
+<path fill="#ddfeff" stroke="black" d="M1002.5,-1602C1002.5,-1602 908.5,-1602 908.5,-1602 905.5,-1602 902.5,-1599 902.5,-1596 902.5,-1596 902.5,-1590 902.5,-1590 902.5,-1587 905.5,-1584 908.5,-1584 908.5,-1584 1002.5,-1584 1002.5,-1584 1005.5,-1584 1008.5,-1587 1008.5,-1590 1008.5,-1590 1008.5,-1596 1008.5,-1596 1008.5,-1599 1005.5,-1602 1002.5,-1602"/>
+<text text-anchor="start" x="910.5" y="-1590.8" font-family="Helvetica,sans-Serif" font-size="9.00">form&#45;control.pipe.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts -->
-<g id="edge389" class="edge">
+<g id="edge399" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.95,-1567.66C822.9,-1570.96 839.14,-1575.84 853,-1583 857.2,-1585.17 856.7,-1588.04 861,-1590 871.79,-1594.93 883.95,-1598.11 895.85,-1600.14"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="895.79,-1602.25 902.04,-1601.1 896.43,-1598.1 895.79,-1602.25"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.95,-1557.66C822.9,-1560.96 839.14,-1565.84 853,-1573 857.2,-1575.17 856.7,-1578.04 861,-1580 871.79,-1584.93 883.95,-1588.11 895.85,-1590.14"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="895.79,-1592.25 902.04,-1591.1 896.43,-1588.1 895.79,-1592.25"/>
 </g>
 <!-- src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.ts -->
-<g id="node180" class="node">
+<g id="node179" class="node">
 <title>src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.ts</title>
-<g id="a_node180"><a xlink:href="src/app/shared/pipes/truncate-file-name/truncate-file-name.pipe.ts" xlink:title="truncate&#45;file&#45;name.pipe.ts">
-<path fill="#ddfeff" stroke="black" d="M1016.5,-1672C1016.5,-1672 894.5,-1672 894.5,-1672 891.5,-1672 888.5,-1669 888.5,-1666 888.5,-1666 888.5,-1660 888.5,-1660 888.5,-1657 891.5,-1654 894.5,-1654 894.5,-1654 1016.5,-1654 1016.5,-1654 1019.5,-1654 1022.5,-1657 1022.5,-1660 1022.5,-1660 1022.5,-1666 1022.5,-1666 1022.5,-1669 1019.5,-1672 1016.5,-1672"/>
-<text text-anchor="start" x="896.5" y="-1660.8" font-family="Helvetica,sans-Serif" font-size="9.00">truncate&#45;file&#45;name.pipe.ts</text>
+<g id="a_node179"><a xlink:href="src/app/shared/pipes/truncate-file-name/truncate-file-name.pipe.ts" xlink:title="truncate&#45;file&#45;name.pipe.ts">
+<path fill="#ddfeff" stroke="black" d="M1016.5,-1662C1016.5,-1662 894.5,-1662 894.5,-1662 891.5,-1662 888.5,-1659 888.5,-1656 888.5,-1656 888.5,-1650 888.5,-1650 888.5,-1647 891.5,-1644 894.5,-1644 894.5,-1644 1016.5,-1644 1016.5,-1644 1019.5,-1644 1022.5,-1647 1022.5,-1650 1022.5,-1650 1022.5,-1656 1022.5,-1656 1022.5,-1659 1019.5,-1662 1016.5,-1662"/>
+<text text-anchor="start" x="896.5" y="-1650.8" font-family="Helvetica,sans-Serif" font-size="9.00">truncate&#45;file&#45;name.pipe.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.ts -->
-<g id="edge391" class="edge">
+<g id="edge401" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.65,-1561.68C824.19,-1564.34 841.53,-1570.35 853,-1583 870.48,-1602.28 843.48,-1621.76 861,-1641 866.93,-1647.51 874.39,-1652.28 882.5,-1655.73"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="881.85,-1657.73 888.21,-1657.92 883.36,-1653.81 881.85,-1657.73"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.65,-1551.68C824.19,-1554.34 841.53,-1560.35 853,-1573 870.48,-1592.28 843.48,-1611.76 861,-1631 866.93,-1637.51 874.39,-1642.28 882.5,-1645.73"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="881.85,-1647.73 888.21,-1647.92 883.36,-1643.81 881.85,-1647.73"/>
 </g>
 <!-- src/app/shared/components/blog&#45;form/blog&#45;form.component.ts -->
-<g id="node181" class="node">
+<g id="node180" class="node">
 <title>src/app/shared/components/blog&#45;form/blog&#45;form.component.ts</title>
-<g id="a_node181"><a xlink:href="src/app/shared/components/blog-form/blog-form.component.ts" xlink:title="blog&#45;form.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1012.5,-1192C1012.5,-1192 898.5,-1192 898.5,-1192 895.5,-1192 892.5,-1189 892.5,-1186 892.5,-1186 892.5,-1180 892.5,-1180 892.5,-1177 895.5,-1174 898.5,-1174 898.5,-1174 1012.5,-1174 1012.5,-1174 1015.5,-1174 1018.5,-1177 1018.5,-1180 1018.5,-1180 1018.5,-1186 1018.5,-1186 1018.5,-1189 1015.5,-1192 1012.5,-1192"/>
-<text text-anchor="start" x="900.5" y="-1180.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog&#45;form.component.ts</text>
+<g id="a_node180"><a xlink:href="src/app/shared/components/blog-form/blog-form.component.ts" xlink:title="blog&#45;form.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1012.5,-942C1012.5,-942 898.5,-942 898.5,-942 895.5,-942 892.5,-939 892.5,-936 892.5,-936 892.5,-930 892.5,-930 892.5,-927 895.5,-924 898.5,-924 898.5,-924 1012.5,-924 1012.5,-924 1015.5,-924 1018.5,-927 1018.5,-930 1018.5,-930 1018.5,-936 1018.5,-936 1018.5,-939 1015.5,-942 1012.5,-942"/>
+<text text-anchor="start" x="900.5" y="-930.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog&#45;form.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/blog&#45;form/blog&#45;form.component.ts -->
-<g id="edge370" class="edge">
+<g id="edge379" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/blog&#45;form/blog&#45;form.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.14,-1551.98C824.46,-1546.15 842.48,-1536.59 853,-1521 871.53,-1493.55 842.39,-1250.4 861,-1223 870.37,-1209.21 885.54,-1200.15 900.96,-1194.21"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.72,-1196.17 906.65,-1192.16 900.29,-1192.22 901.72,-1196.17"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.72,-1541.88C824.9,-1536.04 842.67,-1526.51 853,-1511 869.58,-1486.12 844.35,-997.83 861,-973 870.28,-959.16 885.44,-950.08 900.86,-944.14"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.62,-946.11 906.55,-942.1 900.2,-942.15 901.62,-946.11"/>
 </g>
 <!-- src/app/shared/components/button/button.component.ts -->
-<g id="node183" class="node">
+<g id="node182" class="node">
 <title>src/app/shared/components/button/button.component.ts</title>
-<g id="a_node183"><a xlink:href="src/app/shared/components/button/button.component.ts" xlink:title="button.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1006,-558C1006,-558 905,-558 905,-558 902,-558 899,-555 899,-552 899,-552 899,-546 899,-546 899,-543 902,-540 905,-540 905,-540 1006,-540 1006,-540 1009,-540 1012,-543 1012,-546 1012,-546 1012,-552 1012,-552 1012,-555 1009,-558 1006,-558"/>
-<text text-anchor="start" x="907" y="-546.8" font-family="Helvetica,sans-Serif" font-size="9.00">button.component.ts</text>
+<g id="a_node182"><a xlink:href="src/app/shared/components/button/button.component.ts" xlink:title="button.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1006,-548C1006,-548 905,-548 905,-548 902,-548 899,-545 899,-542 899,-542 899,-536 899,-536 899,-533 902,-530 905,-530 905,-530 1006,-530 1006,-530 1009,-530 1012,-533 1012,-536 1012,-536 1012,-542 1012,-542 1012,-545 1009,-548 1006,-548"/>
+<text text-anchor="start" x="907" y="-536.8" font-family="Helvetica,sans-Serif" font-size="9.00">button.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/button/button.component.ts -->
-<g id="edge371" class="edge">
+<g id="edge380" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/button/button.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.77,-1551.92C824.96,-1546.08 842.72,-1536.54 853,-1521 867.29,-1499.41 846.65,-610.55 861,-589 870.24,-575.13 885.38,-566.05 900.81,-560.11"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.57,-562.07 906.5,-558.06 900.14,-558.12 901.57,-562.07"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.77,-1541.92C824.96,-1536.08 842.72,-1526.54 853,-1511 867.29,-1489.41 846.65,-600.55 861,-579 870.24,-565.13 885.38,-556.05 900.81,-550.11"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.57,-552.07 906.5,-548.06 900.14,-548.12 901.57,-552.07"/>
 </g>
 <!-- src/app/shared/components/calendar&#45;button/calendar&#45;button.component.ts -->
-<g id="node188" class="node">
+<g id="node187" class="node">
 <title>src/app/shared/components/calendar&#45;button/calendar&#45;button.component.ts</title>
-<g id="a_node188"><a xlink:href="src/app/shared/components/calendar-button/calendar-button.component.ts" xlink:title="calendar&#45;button.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1027,-1072C1027,-1072 884,-1072 884,-1072 881,-1072 878,-1069 878,-1066 878,-1066 878,-1060 878,-1060 878,-1057 881,-1054 884,-1054 884,-1054 1027,-1054 1027,-1054 1030,-1054 1033,-1057 1033,-1060 1033,-1060 1033,-1066 1033,-1066 1033,-1069 1030,-1072 1027,-1072"/>
-<text text-anchor="start" x="886" y="-1060.8" font-family="Helvetica,sans-Serif" font-size="9.00">calendar&#45;button.component.ts</text>
+<g id="a_node187"><a xlink:href="src/app/shared/components/calendar-button/calendar-button.component.ts" xlink:title="calendar&#45;button.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1027,-1002C1027,-1002 884,-1002 884,-1002 881,-1002 878,-999 878,-996 878,-996 878,-990 878,-990 878,-987 881,-984 884,-984 884,-984 1027,-984 1027,-984 1030,-984 1033,-987 1033,-990 1033,-990 1033,-996 1033,-996 1033,-999 1030,-1002 1027,-1002"/>
+<text text-anchor="start" x="886" y="-990.8" font-family="Helvetica,sans-Serif" font-size="9.00">calendar&#45;button.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/calendar&#45;button/calendar&#45;button.component.ts -->
-<g id="edge372" class="edge">
+<g id="edge381" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/calendar&#45;button/calendar&#45;button.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.68,-1551.86C824.86,-1546.01 842.63,-1536.49 853,-1521 865.92,-1501.7 848.02,-1122.26 861,-1103 870.31,-1089.18 885.47,-1080.11 900.9,-1074.17"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.65,-1076.13 906.59,-1072.12 900.23,-1072.18 901.65,-1076.13"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.7,-1541.87C824.88,-1536.03 842.65,-1526.5 853,-1511 867.75,-1488.91 846.19,-1055.04 861,-1033 870.3,-1019.17 885.45,-1010.09 900.88,-1004.16"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.63,-1006.12 906.57,-1002.11 900.21,-1002.16 901.63,-1006.12"/>
 </g>
 <!-- src/app/shared/components/editor/editor.component.ts -->
-<g id="node190" class="node">
+<g id="node189" class="node">
 <title>src/app/shared/components/editor/editor.component.ts</title>
-<g id="a_node190"><a xlink:href="src/app/shared/components/editor/editor.component.ts" xlink:title="editor.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1003.5,-1012C1003.5,-1012 907.5,-1012 907.5,-1012 904.5,-1012 901.5,-1009 901.5,-1006 901.5,-1006 901.5,-1000 901.5,-1000 901.5,-997 904.5,-994 907.5,-994 907.5,-994 1003.5,-994 1003.5,-994 1006.5,-994 1009.5,-997 1009.5,-1000 1009.5,-1000 1009.5,-1006 1009.5,-1006 1009.5,-1009 1006.5,-1012 1003.5,-1012"/>
-<text text-anchor="start" x="909.5" y="-1000.8" font-family="Helvetica,sans-Serif" font-size="9.00">editor.component.ts</text>
+<g id="a_node189"><a xlink:href="src/app/shared/components/editor/editor.component.ts" xlink:title="editor.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1003.5,-882C1003.5,-882 907.5,-882 907.5,-882 904.5,-882 901.5,-879 901.5,-876 901.5,-876 901.5,-870 901.5,-870 901.5,-867 904.5,-864 907.5,-864 907.5,-864 1003.5,-864 1003.5,-864 1006.5,-864 1009.5,-867 1009.5,-870 1009.5,-870 1009.5,-876 1009.5,-876 1009.5,-879 1006.5,-882 1003.5,-882"/>
+<text text-anchor="start" x="909.5" y="-870.8" font-family="Helvetica,sans-Serif" font-size="9.00">editor.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/editor/editor.component.ts -->
-<g id="edge373" class="edge">
+<g id="edge382" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/editor/editor.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.7,-1551.87C824.88,-1546.03 842.65,-1536.5 853,-1521 867.75,-1498.91 846.19,-1065.04 861,-1043 870.3,-1029.17 885.45,-1020.09 900.88,-1014.16"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.63,-1016.12 906.57,-1012.11 900.21,-1012.16 901.63,-1016.12"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.73,-1541.89C824.91,-1536.05 842.68,-1526.52 853,-1511 871.4,-1483.34 842.52,-940.61 861,-913 870.27,-899.15 885.42,-890.07 900.85,-884.14"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.61,-886.1 906.54,-882.09 900.18,-882.15 901.61,-886.1"/>
 </g>
 <!-- src/app/shared/factories/editor&#45;config.factory.ts -->
-<g id="node191" class="node">
+<g id="node190" class="node">
 <title>src/app/shared/factories/editor&#45;config.factory.ts</title>
-<g id="a_node191"><a xlink:href="src/app/shared/factories/editor-config.factory.ts" xlink:title="editor&#45;config.factory.ts">
-<path fill="#ddfeff" stroke="black" d="M1204,-1570C1204,-1570 1098,-1570 1098,-1570 1095,-1570 1092,-1567 1092,-1564 1092,-1564 1092,-1558 1092,-1558 1092,-1555 1095,-1552 1098,-1552 1098,-1552 1204,-1552 1204,-1552 1207,-1552 1210,-1555 1210,-1558 1210,-1558 1210,-1564 1210,-1564 1210,-1567 1207,-1570 1204,-1570"/>
-<text text-anchor="start" x="1100" y="-1558.8" font-family="Helvetica,sans-Serif" font-size="9.00">editor&#45;config.factory.ts</text>
+<g id="a_node190"><a xlink:href="src/app/shared/factories/editor-config.factory.ts" xlink:title="editor&#45;config.factory.ts">
+<path fill="#ddfeff" stroke="black" d="M1204,-1560C1204,-1560 1098,-1560 1098,-1560 1095,-1560 1092,-1557 1092,-1554 1092,-1554 1092,-1548 1092,-1548 1092,-1545 1095,-1542 1098,-1542 1098,-1542 1204,-1542 1204,-1542 1207,-1542 1210,-1545 1210,-1548 1210,-1548 1210,-1554 1210,-1554 1210,-1557 1207,-1560 1204,-1560"/>
+<text text-anchor="start" x="1100" y="-1548.8" font-family="Helvetica,sans-Serif" font-size="9.00">editor&#45;config.factory.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/factories/editor&#45;config.factory.ts -->
-<g id="edge388" class="edge">
+<g id="edge398" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/factories/editor&#45;config.factory.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.54,-1561C876.82,-1561 1007.31,-1561 1085.68,-1561"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1085.7,-1563.1 1091.7,-1561 1085.7,-1558.9 1085.7,-1563.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.54,-1551C876.82,-1551 1007.31,-1551 1085.68,-1551"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1085.7,-1553.1 1091.7,-1551 1085.7,-1548.9 1085.7,-1553.1"/>
 </g>
 <!-- src/app/shared/components/editor/menu/editor&#45;menu/editor&#45;menu.component.ts -->
-<g id="node192" class="node">
+<g id="node191" class="node">
 <title>src/app/shared/components/editor/menu/editor&#45;menu/editor&#45;menu.component.ts</title>
-<g id="a_node192"><a xlink:href="src/app/shared/components/editor/menu/editor-menu/editor-menu.component.ts" xlink:title="editor&#45;menu.component.ts">
-<path fill="#ddfeff" stroke="black" d="M822.5,-960C822.5,-960 697.5,-960 697.5,-960 694.5,-960 691.5,-957 691.5,-954 691.5,-954 691.5,-948 691.5,-948 691.5,-945 694.5,-942 697.5,-942 697.5,-942 822.5,-942 822.5,-942 825.5,-942 828.5,-945 828.5,-948 828.5,-948 828.5,-954 828.5,-954 828.5,-957 825.5,-960 822.5,-960"/>
-<text text-anchor="start" x="699.5" y="-948.8" font-family="Helvetica,sans-Serif" font-size="9.00">editor&#45;menu.component.ts</text>
+<g id="a_node191"><a xlink:href="src/app/shared/components/editor/menu/editor-menu/editor-menu.component.ts" xlink:title="editor&#45;menu.component.ts">
+<path fill="#ddfeff" stroke="black" d="M822.5,-830C822.5,-830 697.5,-830 697.5,-830 694.5,-830 691.5,-827 691.5,-824 691.5,-824 691.5,-818 691.5,-818 691.5,-815 694.5,-812 697.5,-812 697.5,-812 822.5,-812 822.5,-812 825.5,-812 828.5,-815 828.5,-818 828.5,-818 828.5,-824 828.5,-824 828.5,-827 825.5,-830 822.5,-830"/>
+<text text-anchor="start" x="699.5" y="-818.8" font-family="Helvetica,sans-Serif" font-size="9.00">editor&#45;menu.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/editor/menu/editor&#45;menu/editor&#45;menu.component.ts -->
-<g id="edge374" class="edge">
+<g id="edge383" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/editor/menu/editor&#45;menu/editor&#45;menu.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M712.3,-1559.61C682.45,-1555.73 647.99,-1544.68 639,-1515 635.25,-1502.61 635.25,-1061.39 639,-1049 652.09,-1005.77 699.64,-977.22 731.09,-962.61"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="732.17,-964.43 736.77,-960.04 730.44,-960.6 732.17,-964.43"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M712.3,-1549.61C682.45,-1545.73 647.99,-1534.68 639,-1505 634.28,-1489.42 634.28,-934.58 639,-919 652.09,-875.77 699.64,-847.22 731.09,-832.61"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="732.17,-834.43 736.77,-830.04 730.44,-830.6 732.17,-834.43"/>
 </g>
 <!-- src/app/shared/components/event&#45;form/event&#45;form.component.ts -->
-<g id="node194" class="node">
+<g id="node193" class="node">
 <title>src/app/shared/components/event&#45;form/event&#45;form.component.ts</title>
-<g id="a_node194"><a xlink:href="src/app/shared/components/event-form/event-form.component.ts" xlink:title="event&#45;form.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1015.5,-858C1015.5,-858 895.5,-858 895.5,-858 892.5,-858 889.5,-855 889.5,-852 889.5,-852 889.5,-846 889.5,-846 889.5,-843 892.5,-840 895.5,-840 895.5,-840 1015.5,-840 1015.5,-840 1018.5,-840 1021.5,-843 1021.5,-846 1021.5,-846 1021.5,-852 1021.5,-852 1021.5,-855 1018.5,-858 1015.5,-858"/>
-<text text-anchor="start" x="897.5" y="-846.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;form.component.ts</text>
+<g id="a_node193"><a xlink:href="src/app/shared/components/event-form/event-form.component.ts" xlink:title="event&#45;form.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1015.5,-1182C1015.5,-1182 895.5,-1182 895.5,-1182 892.5,-1182 889.5,-1179 889.5,-1176 889.5,-1176 889.5,-1170 889.5,-1170 889.5,-1167 892.5,-1164 895.5,-1164 895.5,-1164 1015.5,-1164 1015.5,-1164 1018.5,-1164 1021.5,-1167 1021.5,-1170 1021.5,-1170 1021.5,-1176 1021.5,-1176 1021.5,-1179 1018.5,-1182 1015.5,-1182"/>
+<text text-anchor="start" x="897.5" y="-1170.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;form.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/event&#45;form/event&#45;form.component.ts -->
-<g id="edge375" class="edge">
+<g id="edge384" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/event&#45;form/event&#45;form.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.73,-1551.89C824.92,-1546.05 842.68,-1536.52 853,-1521 872.44,-1491.76 841.48,-918.19 861,-889 870.27,-875.15 885.42,-866.07 900.85,-860.13"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.6,-862.09 906.53,-858.08 900.18,-858.14 901.6,-862.09"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.14,-1541.98C824.46,-1536.15 842.48,-1526.59 853,-1511 871.53,-1483.55 842.39,-1240.4 861,-1213 870.37,-1199.21 885.54,-1190.15 900.96,-1184.21"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.72,-1186.17 906.65,-1182.16 900.29,-1182.22 901.72,-1186.17"/>
 </g>
 <!-- src/app/shared/components/file&#45;select/file&#45;select.component.ts -->
-<g id="node196" class="node">
+<g id="node195" class="node">
 <title>src/app/shared/components/file&#45;select/file&#45;select.component.ts</title>
-<g id="a_node196"><a xlink:href="src/app/shared/components/file-select/file-select.component.ts" xlink:title="file&#45;select.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1012,-738C1012,-738 899,-738 899,-738 896,-738 893,-735 893,-732 893,-732 893,-726 893,-726 893,-723 896,-720 899,-720 899,-720 1012,-720 1012,-720 1015,-720 1018,-723 1018,-726 1018,-726 1018,-732 1018,-732 1018,-735 1015,-738 1012,-738"/>
-<text text-anchor="start" x="901" y="-726.8" font-family="Helvetica,sans-Serif" font-size="9.00">file&#45;select.component.ts</text>
+<g id="a_node195"><a xlink:href="src/app/shared/components/file-select/file-select.component.ts" xlink:title="file&#45;select.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1012,-728C1012,-728 899,-728 899,-728 896,-728 893,-725 893,-722 893,-722 893,-716 893,-716 893,-713 896,-710 899,-710 899,-710 1012,-710 1012,-710 1015,-710 1018,-713 1018,-716 1018,-716 1018,-722 1018,-722 1018,-725 1015,-728 1012,-728"/>
+<text text-anchor="start" x="901" y="-716.8" font-family="Helvetica,sans-Serif" font-size="9.00">file&#45;select.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/file&#45;select/file&#45;select.component.ts -->
-<g id="edge376" class="edge">
+<g id="edge385" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/file&#45;select/file&#45;select.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.75,-1551.91C824.94,-1546.07 842.7,-1536.53 853,-1521 876.09,-1486.18 837.8,-803.75 861,-769 870.25,-755.14 885.4,-746.06 900.83,-740.12"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.58,-742.08 906.52,-738.07 900.16,-738.13 901.58,-742.08"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.75,-1541.91C824.94,-1536.07 842.7,-1526.53 853,-1511 876.09,-1476.18 837.8,-793.75 861,-759 870.25,-745.14 885.4,-736.06 900.83,-730.12"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.58,-732.08 906.52,-728.07 900.16,-728.13 901.58,-732.08"/>
 </g>
 <!-- src/app/shared/components/footer/footer.component.ts -->
-<g id="node198" class="node">
+<g id="node197" class="node">
 <title>src/app/shared/components/footer/footer.component.ts</title>
-<g id="a_node198"><a xlink:href="src/app/shared/components/footer/footer.component.ts" xlink:title="footer.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1003.5,-1372C1003.5,-1372 907.5,-1372 907.5,-1372 904.5,-1372 901.5,-1369 901.5,-1366 901.5,-1366 901.5,-1360 901.5,-1360 901.5,-1357 904.5,-1354 907.5,-1354 907.5,-1354 1003.5,-1354 1003.5,-1354 1006.5,-1354 1009.5,-1357 1009.5,-1360 1009.5,-1360 1009.5,-1366 1009.5,-1366 1009.5,-1369 1006.5,-1372 1003.5,-1372"/>
-<text text-anchor="start" x="909.5" y="-1360.8" font-family="Helvetica,sans-Serif" font-size="9.00">footer.component.ts</text>
+<g id="a_node197"><a xlink:href="src/app/shared/components/footer/footer.component.ts" xlink:title="footer.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1003.5,-1122C1003.5,-1122 907.5,-1122 907.5,-1122 904.5,-1122 901.5,-1119 901.5,-1116 901.5,-1116 901.5,-1110 901.5,-1110 901.5,-1107 904.5,-1104 907.5,-1104 907.5,-1104 1003.5,-1104 1003.5,-1104 1006.5,-1104 1009.5,-1107 1009.5,-1110 1009.5,-1110 1009.5,-1116 1009.5,-1116 1009.5,-1119 1006.5,-1122 1003.5,-1122"/>
+<text text-anchor="start" x="909.5" y="-1110.8" font-family="Helvetica,sans-Serif" font-size="9.00">footer.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/footer/footer.component.ts -->
-<g id="edge377" class="edge">
+<g id="edge386" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/footer/footer.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M806.35,-1551.93C823.76,-1546.07 842.06,-1536.51 853,-1521 868.15,-1499.52 845.79,-1424.43 861,-1403 870.83,-1389.15 886.47,-1380.06 902.17,-1374.11"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="903,-1376.05 907.95,-1372.06 901.59,-1372.09 903,-1376.05"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.66,-1541.84C824.83,-1536 842.61,-1526.47 853,-1511 875.19,-1477.97 838.72,-1185.96 861,-1153 870.33,-1139.19 885.5,-1130.13 900.93,-1124.19"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.68,-1126.15 906.61,-1122.14 900.25,-1122.2 901.68,-1126.15"/>
 </g>
 <!-- src/app/shared/components/header/header.component.ts -->
-<g id="node201" class="node">
+<g id="node200" class="node">
 <title>src/app/shared/components/header/header.component.ts</title>
-<g id="a_node201"><a xlink:href="src/app/shared/components/header/header.component.ts" xlink:title="header.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1006,-1312C1006,-1312 905,-1312 905,-1312 902,-1312 899,-1309 899,-1306 899,-1306 899,-1300 899,-1300 899,-1297 902,-1294 905,-1294 905,-1294 1006,-1294 1006,-1294 1009,-1294 1012,-1297 1012,-1300 1012,-1300 1012,-1306 1012,-1306 1012,-1309 1009,-1312 1006,-1312"/>
-<text text-anchor="start" x="907" y="-1300.8" font-family="Helvetica,sans-Serif" font-size="9.00">header.component.ts</text>
+<g id="a_node200"><a xlink:href="src/app/shared/components/header/header.component.ts" xlink:title="header.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1006,-1302C1006,-1302 905,-1302 905,-1302 902,-1302 899,-1299 899,-1296 899,-1296 899,-1290 899,-1290 899,-1287 902,-1284 905,-1284 905,-1284 1006,-1284 1006,-1284 1009,-1284 1012,-1287 1012,-1290 1012,-1290 1012,-1296 1012,-1296 1012,-1299 1009,-1302 1006,-1302"/>
+<text text-anchor="start" x="907" y="-1290.8" font-family="Helvetica,sans-Serif" font-size="9.00">header.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/header/header.component.ts -->
-<g id="edge379" class="edge">
+<g id="edge388" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/header/header.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807,-1551.89C824.3,-1546.03 842.34,-1536.49 853,-1521 875.45,-1488.38 838.46,-1375.55 861,-1343 870.58,-1329.17 885.98,-1320.09 901.55,-1314.15"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="902.34,-1316.09 907.28,-1312.09 900.92,-1312.14 902.34,-1316.09"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807,-1541.89C824.3,-1536.03 842.34,-1526.49 853,-1511 875.45,-1478.38 838.46,-1365.55 861,-1333 870.58,-1319.17 885.98,-1310.09 901.55,-1304.15"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="902.34,-1306.09 907.28,-1302.09 900.92,-1302.14 902.34,-1306.09"/>
 </g>
 <!-- src/app/shared/components/input/input.component.ts -->
-<g id="node203" class="node">
+<g id="node202" class="node">
 <title>src/app/shared/components/input/input.component.ts</title>
-<g id="a_node203"><a xlink:href="src/app/shared/components/input/input.component.ts" xlink:title="input.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1003,-618C1003,-618 908,-618 908,-618 905,-618 902,-615 902,-612 902,-612 902,-606 902,-606 902,-603 905,-600 908,-600 908,-600 1003,-600 1003,-600 1006,-600 1009,-603 1009,-606 1009,-606 1009,-612 1009,-612 1009,-615 1006,-618 1003,-618"/>
-<text text-anchor="start" x="910" y="-606.8" font-family="Helvetica,sans-Serif" font-size="9.00">input.component.ts</text>
+<g id="a_node202"><a xlink:href="src/app/shared/components/input/input.component.ts" xlink:title="input.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1003,-668C1003,-668 908,-668 908,-668 905,-668 902,-665 902,-662 902,-662 902,-656 902,-656 902,-653 905,-650 908,-650 908,-650 1003,-650 1003,-650 1006,-650 1009,-653 1009,-656 1009,-656 1009,-662 1009,-662 1009,-665 1006,-668 1003,-668"/>
+<text text-anchor="start" x="910" y="-656.8" font-family="Helvetica,sans-Serif" font-size="9.00">input.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/input/input.component.ts -->
-<g id="edge380" class="edge">
+<g id="edge389" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/input/input.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-1551.91C824.95,-1546.07 842.71,-1536.54 853,-1521 866.37,-1500.8 847.57,-669.16 861,-649 870.24,-635.13 885.39,-626.05 900.82,-620.11"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.57,-622.07 906.51,-618.07 900.15,-618.12 901.57,-622.07"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-1541.91C824.94,-1536.07 842.71,-1526.53 853,-1511 865.46,-1492.2 848.48,-717.77 861,-699 870.25,-685.13 885.39,-676.05 900.82,-670.12"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.58,-672.08 906.51,-668.07 900.15,-668.13 901.58,-672.08"/>
 </g>
 <!-- src/app/shared/components/language&#45;selector/language&#45;selector.component.ts -->
-<g id="node205" class="node">
+<g id="node204" class="node">
 <title>src/app/shared/components/language&#45;selector/language&#45;selector.component.ts</title>
-<g id="a_node205"><a xlink:href="src/app/shared/components/language-selector/language-selector.component.ts" xlink:title="language&#45;selector.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1030.5,-1252C1030.5,-1252 880.5,-1252 880.5,-1252 877.5,-1252 874.5,-1249 874.5,-1246 874.5,-1246 874.5,-1240 874.5,-1240 874.5,-1237 877.5,-1234 880.5,-1234 880.5,-1234 1030.5,-1234 1030.5,-1234 1033.5,-1234 1036.5,-1237 1036.5,-1240 1036.5,-1240 1036.5,-1246 1036.5,-1246 1036.5,-1249 1033.5,-1252 1030.5,-1252"/>
-<text text-anchor="start" x="882.5" y="-1240.8" font-family="Helvetica,sans-Serif" font-size="9.00">language&#45;selector.component.ts</text>
+<g id="a_node204"><a xlink:href="src/app/shared/components/language-selector/language-selector.component.ts" xlink:title="language&#45;selector.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1030.5,-1242C1030.5,-1242 880.5,-1242 880.5,-1242 877.5,-1242 874.5,-1239 874.5,-1236 874.5,-1236 874.5,-1230 874.5,-1230 874.5,-1227 877.5,-1224 880.5,-1224 880.5,-1224 1030.5,-1224 1030.5,-1224 1033.5,-1224 1036.5,-1227 1036.5,-1230 1036.5,-1230 1036.5,-1236 1036.5,-1236 1036.5,-1239 1033.5,-1242 1030.5,-1242"/>
+<text text-anchor="start" x="882.5" y="-1230.8" font-family="Helvetica,sans-Serif" font-size="9.00">language&#45;selector.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/language&#45;selector/language&#45;selector.component.ts -->
-<g id="edge381" class="edge">
+<g id="edge390" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/language&#45;selector/language&#45;selector.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.09,-1551.95C824.4,-1546.1 842.42,-1536.55 853,-1521 867.88,-1499.12 846.06,-1304.84 861,-1283 870.5,-1269.11 885.89,-1260.02 901.46,-1254.08"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="902.25,-1256.03 907.19,-1252.03 900.83,-1252.07 902.25,-1256.03"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.09,-1541.95C824.4,-1536.1 842.42,-1526.55 853,-1511 867.88,-1489.12 846.06,-1294.84 861,-1273 870.5,-1259.11 885.89,-1250.02 901.46,-1244.08"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="902.25,-1246.03 907.19,-1242.03 900.83,-1242.07 902.25,-1246.03"/>
+</g>
+<!-- src/app/shared/components/list/list.component.ts -->
+<g id="node207" class="node">
+<title>src/app/shared/components/list/list.component.ts</title>
+<g id="a_node207"><a xlink:href="src/app/shared/components/list/list.component.ts" xlink:title="list.component.ts">
+<path fill="#ddfeff" stroke="black" d="M997,-488C997,-488 914,-488 914,-488 911,-488 908,-485 908,-482 908,-482 908,-476 908,-476 908,-473 911,-470 914,-470 914,-470 997,-470 997,-470 1000,-470 1003,-473 1003,-476 1003,-476 1003,-482 1003,-482 1003,-485 1000,-488 997,-488"/>
+<text text-anchor="start" x="916" y="-476.8" font-family="Helvetica,sans-Serif" font-size="9.00">list.component.ts</text>
+</a>
+</g>
+</g>
+<!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/list/list.component.ts -->
+<g id="edge391" class="edge">
+<title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/list/list.component.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.77,-1541.92C824.96,-1536.08 842.72,-1526.54 853,-1511 868.2,-1488.02 845.73,-541.94 861,-519 870.5,-504.73 886.24,-495.53 902.12,-489.61"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="902.99,-491.53 907.97,-487.57 901.61,-487.56 902.99,-491.53"/>
 </g>
 <!-- src/app/shared/components/page&#45;title/page&#45;title.component.ts -->
-<g id="node209" class="node">
+<g id="node210" class="node">
 <title>src/app/shared/components/page&#45;title/page&#45;title.component.ts</title>
-<g id="a_node209"><a xlink:href="src/app/shared/components/page-title/page-title.component.ts" xlink:title="page&#45;title.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1012,-1132C1012,-1132 899,-1132 899,-1132 896,-1132 893,-1129 893,-1126 893,-1126 893,-1120 893,-1120 893,-1117 896,-1114 899,-1114 899,-1114 1012,-1114 1012,-1114 1015,-1114 1018,-1117 1018,-1120 1018,-1120 1018,-1126 1018,-1126 1018,-1129 1015,-1132 1012,-1132"/>
-<text text-anchor="start" x="901" y="-1120.8" font-family="Helvetica,sans-Serif" font-size="9.00">page&#45;title.component.ts</text>
+<g id="a_node210"><a xlink:href="src/app/shared/components/page-title/page-title.component.ts" xlink:title="page&#45;title.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1012,-1362C1012,-1362 899,-1362 899,-1362 896,-1362 893,-1359 893,-1356 893,-1356 893,-1350 893,-1350 893,-1347 896,-1344 899,-1344 899,-1344 1012,-1344 1012,-1344 1015,-1344 1018,-1347 1018,-1350 1018,-1350 1018,-1356 1018,-1356 1018,-1359 1015,-1362 1012,-1362"/>
+<text text-anchor="start" x="901" y="-1350.8" font-family="Helvetica,sans-Serif" font-size="9.00">page&#45;title.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/page&#45;title/page&#45;title.component.ts -->
-<g id="edge383" class="edge">
+<g id="edge393" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/page&#45;title/page&#45;title.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.66,-1551.84C824.83,-1546 842.61,-1536.47 853,-1521 875.19,-1487.97 838.72,-1195.96 861,-1163 870.33,-1149.19 885.5,-1140.13 900.93,-1134.19"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.68,-1136.15 906.61,-1132.14 900.25,-1132.2 901.68,-1136.15"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M806.35,-1541.93C823.76,-1536.07 842.06,-1526.51 853,-1511 868.15,-1489.52 845.79,-1414.43 861,-1393 870.83,-1379.15 886.47,-1370.06 902.17,-1364.11"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="903,-1366.05 907.95,-1362.06 901.59,-1362.09 903,-1366.05"/>
 </g>
 <!-- src/app/shared/components/poll&#45;form/poll&#45;form.component.ts -->
-<g id="node211" class="node">
+<g id="node212" class="node">
 <title>src/app/shared/components/poll&#45;form/poll&#45;form.component.ts</title>
-<g id="a_node211"><a xlink:href="src/app/shared/components/poll-form/poll-form.component.ts" xlink:title="poll&#45;form.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1010.5,-678C1010.5,-678 900.5,-678 900.5,-678 897.5,-678 894.5,-675 894.5,-672 894.5,-672 894.5,-666 894.5,-666 894.5,-663 897.5,-660 900.5,-660 900.5,-660 1010.5,-660 1010.5,-660 1013.5,-660 1016.5,-663 1016.5,-666 1016.5,-666 1016.5,-672 1016.5,-672 1016.5,-675 1013.5,-678 1010.5,-678"/>
-<text text-anchor="start" x="902.5" y="-666.8" font-family="Helvetica,sans-Serif" font-size="9.00">poll&#45;form.component.ts</text>
+<g id="a_node212"><a xlink:href="src/app/shared/components/poll-form/poll-form.component.ts" xlink:title="poll&#45;form.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1010.5,-608C1010.5,-608 900.5,-608 900.5,-608 897.5,-608 894.5,-605 894.5,-602 894.5,-602 894.5,-596 894.5,-596 894.5,-593 897.5,-590 900.5,-590 900.5,-590 1010.5,-590 1010.5,-590 1013.5,-590 1016.5,-593 1016.5,-596 1016.5,-596 1016.5,-602 1016.5,-602 1016.5,-605 1013.5,-608 1010.5,-608"/>
+<text text-anchor="start" x="902.5" y="-596.8" font-family="Helvetica,sans-Serif" font-size="9.00">poll&#45;form.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/poll&#45;form/poll&#45;form.component.ts -->
-<g id="edge384" class="edge">
+<g id="edge394" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/poll&#45;form/poll&#45;form.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-1551.91C824.94,-1546.07 842.71,-1536.53 853,-1521 865.46,-1502.2 848.48,-727.77 861,-709 870.25,-695.13 885.39,-686.05 900.82,-680.12"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.58,-682.08 906.51,-678.07 900.15,-678.13 901.58,-682.08"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-1541.91C824.95,-1536.07 842.71,-1526.54 853,-1511 866.37,-1490.8 847.57,-659.16 861,-639 870.24,-625.13 885.39,-616.05 900.82,-610.11"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.57,-612.07 906.51,-608.07 900.15,-608.12 901.57,-612.07"/>
 </g>
 <!-- src/app/shared/components/post&#45;form/post&#45;form.component.ts -->
-<g id="node213" class="node">
+<g id="node214" class="node">
 <title>src/app/shared/components/post&#45;form/post&#45;form.component.ts</title>
-<g id="a_node213"><a xlink:href="src/app/shared/components/post-form/post-form.component.ts" xlink:title="post&#45;form.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1012.5,-798C1012.5,-798 898.5,-798 898.5,-798 895.5,-798 892.5,-795 892.5,-792 892.5,-792 892.5,-786 892.5,-786 892.5,-783 895.5,-780 898.5,-780 898.5,-780 1012.5,-780 1012.5,-780 1015.5,-780 1018.5,-783 1018.5,-786 1018.5,-786 1018.5,-792 1018.5,-792 1018.5,-795 1015.5,-798 1012.5,-798"/>
-<text text-anchor="start" x="900.5" y="-786.8" font-family="Helvetica,sans-Serif" font-size="9.00">post&#45;form.component.ts</text>
+<g id="a_node214"><a xlink:href="src/app/shared/components/post-form/post-form.component.ts" xlink:title="post&#45;form.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1012.5,-1062C1012.5,-1062 898.5,-1062 898.5,-1062 895.5,-1062 892.5,-1059 892.5,-1056 892.5,-1056 892.5,-1050 892.5,-1050 892.5,-1047 895.5,-1044 898.5,-1044 898.5,-1044 1012.5,-1044 1012.5,-1044 1015.5,-1044 1018.5,-1047 1018.5,-1050 1018.5,-1050 1018.5,-1056 1018.5,-1056 1018.5,-1059 1015.5,-1062 1012.5,-1062"/>
+<text text-anchor="start" x="900.5" y="-1050.8" font-family="Helvetica,sans-Serif" font-size="9.00">post&#45;form.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/post&#45;form/post&#45;form.component.ts -->
-<g id="edge385" class="edge">
+<g id="edge395" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/post&#45;form/post&#45;form.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.74,-1551.9C824.93,-1546.06 842.69,-1536.53 853,-1521 874.27,-1488.97 839.64,-860.97 861,-829 870.26,-815.14 885.41,-806.06 900.84,-800.13"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.59,-802.09 906.53,-798.08 900.17,-798.14 901.59,-802.09"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.68,-1541.86C824.86,-1536.01 842.63,-1526.49 853,-1511 865.92,-1491.7 848.02,-1112.26 861,-1093 870.31,-1079.18 885.47,-1070.11 900.9,-1064.17"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.65,-1066.13 906.59,-1062.12 900.23,-1062.18 901.65,-1066.13"/>
 </g>
 <!-- src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts -->
-<g id="node215" class="node">
+<g id="node216" class="node">
 <title>src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts</title>
-<g id="a_node215"><a xlink:href="src/app/shared/components/profile-pic/profile-pic.component.ts" xlink:title="profile&#45;pic.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1013.5,-1432C1013.5,-1432 897.5,-1432 897.5,-1432 894.5,-1432 891.5,-1429 891.5,-1426 891.5,-1426 891.5,-1420 891.5,-1420 891.5,-1417 894.5,-1414 897.5,-1414 897.5,-1414 1013.5,-1414 1013.5,-1414 1016.5,-1414 1019.5,-1417 1019.5,-1420 1019.5,-1420 1019.5,-1426 1019.5,-1426 1019.5,-1429 1016.5,-1432 1013.5,-1432"/>
-<text text-anchor="start" x="899.5" y="-1420.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;pic.component.ts</text>
+<g id="a_node216"><a xlink:href="src/app/shared/components/profile-pic/profile-pic.component.ts" xlink:title="profile&#45;pic.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1013.5,-1422C1013.5,-1422 897.5,-1422 897.5,-1422 894.5,-1422 891.5,-1419 891.5,-1416 891.5,-1416 891.5,-1410 891.5,-1410 891.5,-1407 894.5,-1404 897.5,-1404 897.5,-1404 1013.5,-1404 1013.5,-1404 1016.5,-1404 1019.5,-1407 1019.5,-1410 1019.5,-1410 1019.5,-1416 1019.5,-1416 1019.5,-1419 1016.5,-1422 1013.5,-1422"/>
+<text text-anchor="start" x="899.5" y="-1410.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;pic.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts -->
-<g id="edge386" class="edge">
+<g id="edge396" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M804.87,-1551.86C822.47,-1545.97 841.32,-1536.4 853,-1521 868.72,-1500.27 845.21,-1483.69 861,-1463 871.49,-1449.25 887.65,-1440.16 903.59,-1434.19"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="904.49,-1436.1 909.45,-1432.13 903.09,-1432.14 904.49,-1436.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M804.87,-1541.86C822.47,-1535.97 841.32,-1526.4 853,-1511 868.72,-1490.27 845.21,-1473.69 861,-1453 871.49,-1439.25 887.65,-1430.16 903.59,-1424.19"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="904.49,-1426.1 909.45,-1422.13 903.09,-1422.14 904.49,-1426.1"/>
 </g>
 <!-- src/app/shared/pipes/form&#45;group/form&#45;group.pipe.ts -->
-<g id="node219" class="node">
+<g id="node220" class="node">
 <title>src/app/shared/pipes/form&#45;group/form&#45;group.pipe.ts</title>
-<g id="a_node219"><a xlink:href="src/app/shared/pipes/form-group/form-group.pipe.ts" xlink:title="form&#45;group.pipe.ts">
-<path fill="#ddfeff" stroke="black" d="M1000,-1732C1000,-1732 911,-1732 911,-1732 908,-1732 905,-1729 905,-1726 905,-1726 905,-1720 905,-1720 905,-1717 908,-1714 911,-1714 911,-1714 1000,-1714 1000,-1714 1003,-1714 1006,-1717 1006,-1720 1006,-1720 1006,-1726 1006,-1726 1006,-1729 1003,-1732 1000,-1732"/>
-<text text-anchor="start" x="913" y="-1720.8" font-family="Helvetica,sans-Serif" font-size="9.00">form&#45;group.pipe.ts</text>
+<g id="a_node220"><a xlink:href="src/app/shared/pipes/form-group/form-group.pipe.ts" xlink:title="form&#45;group.pipe.ts">
+<path fill="#ddfeff" stroke="black" d="M1000,-1722C1000,-1722 911,-1722 911,-1722 908,-1722 905,-1719 905,-1716 905,-1716 905,-1710 905,-1710 905,-1707 908,-1704 911,-1704 911,-1704 1000,-1704 1000,-1704 1003,-1704 1006,-1707 1006,-1710 1006,-1710 1006,-1716 1006,-1716 1006,-1719 1003,-1722 1000,-1722"/>
+<text text-anchor="start" x="913" y="-1710.8" font-family="Helvetica,sans-Serif" font-size="9.00">form&#45;group.pipe.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/shared.module.ts&#45;&gt;src/app/shared/pipes/form&#45;group/form&#45;group.pipe.ts -->
-<g id="edge390" class="edge">
+<g id="edge400" class="edge">
 <title>src/app/shared/shared.module.ts&#45;&gt;src/app/shared/pipes/form&#45;group/form&#45;group.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.64,-1561.19C824.39,-1563.77 841.87,-1569.83 853,-1583 869.97,-1603.07 843.99,-1680.96 861,-1701 870.44,-1712.13 884.35,-1718.22 898.57,-1721.41"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="898.38,-1723.52 904.68,-1722.61 899.19,-1719.39 898.38,-1723.52"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.64,-1551.19C824.39,-1553.77 841.87,-1559.83 853,-1573 869.97,-1593.07 843.99,-1670.96 861,-1691 870.44,-1702.13 884.35,-1708.22 898.57,-1711.41"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="898.38,-1713.52 904.68,-1712.61 899.19,-1709.39 898.38,-1713.52"/>
 </g>
 <!-- src/app/core/services/session&#45;storage.service.ts&#45;&gt;src/app/core/services/local&#45;storage&#45;ref.service.ts -->
-<g id="edge93" class="edge">
+<g id="edge101" class="edge">
 <title>src/app/core/services/session&#45;storage.service.ts&#45;&gt;src/app/core/services/local&#45;storage&#45;ref.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1391.26,-2361C1397.86,-2361 1404.59,-2361 1411.26,-2361"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1411.36,-2363.1 1417.36,-2361 1411.36,-2358.9 1411.36,-2363.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1391.26,-2421C1397.86,-2421 1404.59,-2421 1411.26,-2421"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1411.36,-2423.1 1417.36,-2421 1411.36,-2418.9 1411.36,-2423.1"/>
 </g>
 <!-- src/app/core/guards/auth.guard.spec.ts -->
 <g id="node47" class="node">
 <title>src/app/core/guards/auth.guard.spec.ts</title>
 <g id="a_node47"><a xlink:href="src/app/core/guards/auth.guard.spec.ts" xlink:title="auth.guard.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1001,-2640C1001,-2640 910,-2640 910,-2640 907,-2640 904,-2637 904,-2634 904,-2634 904,-2628 904,-2628 904,-2625 907,-2622 910,-2622 910,-2622 1001,-2622 1001,-2622 1004,-2622 1007,-2625 1007,-2628 1007,-2628 1007,-2634 1007,-2634 1007,-2637 1004,-2640 1001,-2640"/>
-<text text-anchor="start" x="912" y="-2628.8" font-family="Helvetica,sans-Serif" font-size="9.00">auth.guard.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1001,-2670C1001,-2670 910,-2670 910,-2670 907,-2670 904,-2667 904,-2664 904,-2664 904,-2658 904,-2658 904,-2655 907,-2652 910,-2652 910,-2652 1001,-2652 1001,-2652 1004,-2652 1007,-2655 1007,-2658 1007,-2658 1007,-2664 1007,-2664 1007,-2667 1004,-2670 1001,-2670"/>
+<text text-anchor="start" x="912" y="-2658.8" font-family="Helvetica,sans-Serif" font-size="9.00">auth.guard.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/guards/auth.guard.spec.ts&#45;&gt;src/app/core/guards/auth.guard.ts -->
 <g id="edge54" class="edge">
 <title>src/app/core/guards/auth.guard.spec.ts&#45;&gt;src/app/core/guards/auth.guard.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1007.09,-2623.16C1037.51,-2618.44 1075.88,-2612.49 1105.21,-2607.94"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1105.71,-2609.99 1111.32,-2607 1105.07,-2605.84 1105.71,-2609.99"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1007.09,-2653.16C1037.51,-2648.44 1075.88,-2642.49 1105.21,-2637.94"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1105.71,-2639.99 1111.32,-2637 1105.07,-2635.84 1105.71,-2639.99"/>
 </g>
 <!-- src/app/core/guards/auth.guard.spec.ts&#45;&gt;src/app/core/auth/auth.module.ts -->
 <g id="edge52" class="edge">
 <title>src/app/core/guards/auth.guard.spec.ts&#45;&gt;src/app/core/auth/auth.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1007.24,-2627.65C1023.7,-2629.23 1040.72,-2634.16 1052.5,-2646 1069.3,-2662.89 1044.44,-2681.4 1060.5,-2699 1071.07,-2710.58 1086.66,-2716.52 1101.88,-2719.44"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.65,-2721.53 1107.91,-2720.45 1102.34,-2717.39 1101.65,-2721.53"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1007.24,-2657.65C1023.7,-2659.23 1040.72,-2664.16 1052.5,-2676 1069.3,-2692.89 1044.44,-2711.4 1060.5,-2729 1071.07,-2740.58 1086.66,-2746.52 1101.88,-2749.44"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.65,-2751.53 1107.91,-2750.45 1102.34,-2747.39 1101.65,-2751.53"/>
 </g>
 <!-- src/app/core/guards/auth.guard.spec.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts -->
 <g id="edge53" class="edge">
 <title>src/app/core/guards/auth.guard.spec.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1007.02,-2628.45C1023.26,-2630.15 1040.21,-2634.94 1052.5,-2646 1062.76,-2655.23 1049.56,-2667.59 1060.5,-2676 1090.99,-2699.42 1205.73,-2702.59 1233.5,-2676 1257.6,-2652.92 1224.7,-2401.26 1246.5,-2376 1248.81,-2373.32 1251.44,-2371.04 1254.3,-2369.08"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.57,-2370.77 1259.68,-2365.91 1253.44,-2367.15 1255.57,-2370.77"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1007.02,-2658.45C1023.26,-2660.15 1040.21,-2664.94 1052.5,-2676 1062.76,-2685.23 1049.56,-2697.59 1060.5,-2706 1090.99,-2729.42 1205.67,-2732.52 1233.5,-2706 1255.24,-2685.28 1226.82,-2458.69 1246.5,-2436 1248.82,-2433.33 1251.45,-2431.05 1254.31,-2429.09"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.59,-2430.78 1259.7,-2425.93 1253.46,-2427.16 1255.59,-2430.78"/>
 </g>
 <!-- src/app/core/guards/interceptor.guard.spec.ts -->
 <g id="node48" class="node">
 <title>src/app/core/guards/interceptor.guard.spec.ts</title>
 <g id="a_node48"><a xlink:href="src/app/core/guards/interceptor.guard.spec.ts" xlink:title="interceptor.guard.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1015,-2550C1015,-2550 896,-2550 896,-2550 893,-2550 890,-2547 890,-2544 890,-2544 890,-2538 890,-2538 890,-2535 893,-2532 896,-2532 896,-2532 1015,-2532 1015,-2532 1018,-2532 1021,-2535 1021,-2538 1021,-2538 1021,-2544 1021,-2544 1021,-2547 1018,-2550 1015,-2550"/>
-<text text-anchor="start" x="898" y="-2538.8" font-family="Helvetica,sans-Serif" font-size="9.00">interceptor.guard.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1015,-2580C1015,-2580 896,-2580 896,-2580 893,-2580 890,-2577 890,-2574 890,-2574 890,-2568 890,-2568 890,-2565 893,-2562 896,-2562 896,-2562 1015,-2562 1015,-2562 1018,-2562 1021,-2565 1021,-2568 1021,-2568 1021,-2574 1021,-2574 1021,-2577 1018,-2580 1015,-2580"/>
+<text text-anchor="start" x="898" y="-2568.8" font-family="Helvetica,sans-Serif" font-size="9.00">interceptor.guard.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/guards/interceptor.guard.spec.ts&#45;&gt;src/app/core/guards/interceptor.guard.ts -->
 <g id="edge57" class="edge">
 <title>src/app/core/guards/interceptor.guard.spec.ts&#45;&gt;src/app/core/guards/interceptor.guard.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1021.2,-2541C1043.8,-2541 1069.02,-2541 1091.12,-2541"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1091.26,-2543.1 1097.26,-2541 1091.26,-2538.9 1091.26,-2543.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1021.2,-2571C1043.8,-2571 1069.02,-2571 1091.12,-2571"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1091.26,-2573.1 1097.26,-2571 1091.26,-2568.9 1091.26,-2573.1"/>
 </g>
 <!-- src/app/core/guards/login.guard.spec.ts -->
 <g id="node49" class="node">
 <title>src/app/core/guards/login.guard.spec.ts</title>
 <g id="a_node49"><a xlink:href="src/app/core/guards/login.guard.spec.ts" xlink:title="login.guard.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1001.5,-2670C1001.5,-2670 909.5,-2670 909.5,-2670 906.5,-2670 903.5,-2667 903.5,-2664 903.5,-2664 903.5,-2658 903.5,-2658 903.5,-2655 906.5,-2652 909.5,-2652 909.5,-2652 1001.5,-2652 1001.5,-2652 1004.5,-2652 1007.5,-2655 1007.5,-2658 1007.5,-2658 1007.5,-2664 1007.5,-2664 1007.5,-2667 1004.5,-2670 1001.5,-2670"/>
-<text text-anchor="start" x="911.5" y="-2658.8" font-family="Helvetica,sans-Serif" font-size="9.00">login.guard.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1001.5,-2700C1001.5,-2700 909.5,-2700 909.5,-2700 906.5,-2700 903.5,-2697 903.5,-2694 903.5,-2694 903.5,-2688 903.5,-2688 903.5,-2685 906.5,-2682 909.5,-2682 909.5,-2682 1001.5,-2682 1001.5,-2682 1004.5,-2682 1007.5,-2685 1007.5,-2688 1007.5,-2688 1007.5,-2694 1007.5,-2694 1007.5,-2697 1004.5,-2700 1001.5,-2700"/>
+<text text-anchor="start" x="911.5" y="-2688.8" font-family="Helvetica,sans-Serif" font-size="9.00">login.guard.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/guards/login.guard.spec.ts&#45;&gt;src/app/core/guards/login.guard.ts -->
 <g id="edge60" class="edge">
 <title>src/app/core/guards/login.guard.spec.ts&#45;&gt;src/app/core/guards/login.guard.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1007.59,-2653.08C1037.8,-2648.39 1075.72,-2642.52 1104.83,-2638"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1105.3,-2640.06 1110.9,-2637.06 1104.65,-2635.91 1105.3,-2640.06"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1007.59,-2683.08C1037.8,-2678.39 1075.72,-2672.52 1104.83,-2668"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1105.3,-2670.06 1110.9,-2667.06 1104.65,-2665.91 1105.3,-2670.06"/>
 </g>
 <!-- src/app/core/guards/login.guard.spec.ts&#45;&gt;src/app/core/auth/auth.module.ts -->
 <g id="edge59" class="edge">
 <title>src/app/core/guards/login.guard.spec.ts&#45;&gt;src/app/core/auth/auth.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1007.63,-2657.73C1023.54,-2659.2 1040.13,-2663.63 1052.5,-2674 1061.44,-2681.5 1051.97,-2691.04 1060.5,-2699 1071.66,-2709.41 1086.92,-2715.12 1101.69,-2718.19"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.69,-2720.32 1107.97,-2719.34 1102.45,-2716.19 1101.69,-2720.32"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1007.63,-2687.73C1023.54,-2689.2 1040.13,-2693.63 1052.5,-2704 1061.44,-2711.5 1051.97,-2721.04 1060.5,-2729 1071.66,-2739.41 1086.92,-2745.12 1101.69,-2748.19"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.69,-2750.32 1107.97,-2749.34 1102.45,-2746.19 1101.69,-2750.32"/>
 </g>
 <!-- src/app/core/guards/redirect.guard.spec.ts -->
 <g id="node50" class="node">
 <title>src/app/core/guards/redirect.guard.spec.ts</title>
 <g id="a_node50"><a xlink:href="src/app/core/guards/redirect.guard.spec.ts" xlink:title="redirect.guard.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1008,-2580C1008,-2580 903,-2580 903,-2580 900,-2580 897,-2577 897,-2574 897,-2574 897,-2568 897,-2568 897,-2565 900,-2562 903,-2562 903,-2562 1008,-2562 1008,-2562 1011,-2562 1014,-2565 1014,-2568 1014,-2568 1014,-2574 1014,-2574 1014,-2577 1011,-2580 1008,-2580"/>
-<text text-anchor="start" x="905" y="-2568.8" font-family="Helvetica,sans-Serif" font-size="9.00">redirect.guard.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1008,-2610C1008,-2610 903,-2610 903,-2610 900,-2610 897,-2607 897,-2604 897,-2604 897,-2598 897,-2598 897,-2595 900,-2592 903,-2592 903,-2592 1008,-2592 1008,-2592 1011,-2592 1014,-2595 1014,-2598 1014,-2598 1014,-2604 1014,-2604 1014,-2607 1011,-2610 1008,-2610"/>
+<text text-anchor="start" x="905" y="-2598.8" font-family="Helvetica,sans-Serif" font-size="9.00">redirect.guard.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/guards/redirect.guard.spec.ts&#45;&gt;src/app/core/guards/redirect.guard.ts -->
 <g id="edge61" class="edge">
 <title>src/app/core/guards/redirect.guard.spec.ts&#45;&gt;src/app/core/guards/redirect.guard.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1014.03,-2571C1040.74,-2571 1072.26,-2571 1098.22,-2571"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1098.35,-2573.1 1104.35,-2571 1098.35,-2568.9 1098.35,-2573.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1014.03,-2601C1040.74,-2601 1072.26,-2601 1098.22,-2601"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1098.35,-2603.1 1104.35,-2601 1098.35,-2598.9 1098.35,-2603.1"/>
 </g>
 <!-- src/app/core/guards/role.guard.spec.ts -->
 <g id="node51" class="node">
 <title>src/app/core/guards/role.guard.spec.ts</title>
 <g id="a_node51"><a xlink:href="src/app/core/guards/role.guard.spec.ts" xlink:title="role.guard.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M998.5,-2610C998.5,-2610 912.5,-2610 912.5,-2610 909.5,-2610 906.5,-2607 906.5,-2604 906.5,-2604 906.5,-2598 906.5,-2598 906.5,-2595 909.5,-2592 912.5,-2592 912.5,-2592 998.5,-2592 998.5,-2592 1001.5,-2592 1004.5,-2595 1004.5,-2598 1004.5,-2598 1004.5,-2604 1004.5,-2604 1004.5,-2607 1001.5,-2610 998.5,-2610"/>
-<text text-anchor="start" x="914.5" y="-2598.8" font-family="Helvetica,sans-Serif" font-size="9.00">role.guard.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M998.5,-2640C998.5,-2640 912.5,-2640 912.5,-2640 909.5,-2640 906.5,-2637 906.5,-2634 906.5,-2634 906.5,-2628 906.5,-2628 906.5,-2625 909.5,-2622 912.5,-2622 912.5,-2622 998.5,-2622 998.5,-2622 1001.5,-2622 1004.5,-2625 1004.5,-2628 1004.5,-2628 1004.5,-2634 1004.5,-2634 1004.5,-2637 1001.5,-2640 998.5,-2640"/>
+<text text-anchor="start" x="914.5" y="-2628.8" font-family="Helvetica,sans-Serif" font-size="9.00">role.guard.spec.ts</text>
 </a>
 </g>
 </g>
@@ -2532,23 +2557,23 @@
 <g id="node52" class="node">
 <title>src/app/core/guards/role.guard.ts</title>
 <g id="a_node52"><a xlink:href="src/app/core/guards/role.guard.ts" xlink:title="role.guard.ts">
-<path fill="#ddfeff" stroke="black" d="M1182,-2670C1182,-2670 1120,-2670 1120,-2670 1117,-2670 1114,-2667 1114,-2664 1114,-2664 1114,-2658 1114,-2658 1114,-2655 1117,-2652 1120,-2652 1120,-2652 1182,-2652 1182,-2652 1185,-2652 1188,-2655 1188,-2658 1188,-2658 1188,-2664 1188,-2664 1188,-2667 1185,-2670 1182,-2670"/>
-<text text-anchor="start" x="1122" y="-2658.8" font-family="Helvetica,sans-Serif" font-size="9.00">role.guard.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1182,-2700C1182,-2700 1120,-2700 1120,-2700 1117,-2700 1114,-2697 1114,-2694 1114,-2694 1114,-2688 1114,-2688 1114,-2685 1117,-2682 1120,-2682 1120,-2682 1182,-2682 1182,-2682 1185,-2682 1188,-2685 1188,-2688 1188,-2688 1188,-2694 1188,-2694 1188,-2697 1185,-2700 1182,-2700"/>
+<text text-anchor="start" x="1122" y="-2688.8" font-family="Helvetica,sans-Serif" font-size="9.00">role.guard.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/guards/role.guard.spec.ts&#45;&gt;src/app/core/guards/role.guard.ts -->
 <g id="edge62" class="edge">
 <title>src/app/core/guards/role.guard.spec.ts&#45;&gt;src/app/core/guards/role.guard.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1004.54,-2598.22C1021.52,-2599.68 1039.58,-2604.38 1052.5,-2616 1062.76,-2625.23 1050.29,-2636.71 1060.5,-2646 1073.16,-2657.52 1091.2,-2661.96 1107.77,-2663.26"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1107.68,-2665.36 1113.79,-2663.6 1107.92,-2661.17 1107.68,-2665.36"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1004.54,-2628.22C1021.52,-2629.68 1039.58,-2634.38 1052.5,-2646 1062.76,-2655.23 1050.29,-2666.71 1060.5,-2676 1073.16,-2687.52 1091.2,-2691.96 1107.77,-2693.26"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1107.68,-2695.36 1113.79,-2693.6 1107.92,-2691.17 1107.68,-2695.36"/>
 </g>
 <!-- src/app/core/interceptors/error.interceptor.spec.ts -->
 <g id="node53" class="node">
 <title>src/app/core/interceptors/error.interceptor.spec.ts</title>
 <g id="a_node53"><a xlink:href="src/app/core/interceptors/error.interceptor.spec.ts" xlink:title="error.interceptor.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1012,-2800C1012,-2800 899,-2800 899,-2800 896,-2800 893,-2797 893,-2794 893,-2794 893,-2788 893,-2788 893,-2785 896,-2782 899,-2782 899,-2782 1012,-2782 1012,-2782 1015,-2782 1018,-2785 1018,-2788 1018,-2788 1018,-2794 1018,-2794 1018,-2797 1015,-2800 1012,-2800"/>
-<text text-anchor="start" x="901" y="-2788.8" font-family="Helvetica,sans-Serif" font-size="9.00">error.interceptor.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1012,-2830C1012,-2830 899,-2830 899,-2830 896,-2830 893,-2827 893,-2824 893,-2824 893,-2818 893,-2818 893,-2815 896,-2812 899,-2812 899,-2812 1012,-2812 1012,-2812 1015,-2812 1018,-2815 1018,-2818 1018,-2818 1018,-2824 1018,-2824 1018,-2827 1015,-2830 1012,-2830"/>
+<text text-anchor="start" x="901" y="-2818.8" font-family="Helvetica,sans-Serif" font-size="9.00">error.interceptor.spec.ts</text>
 </a>
 </g>
 </g>
@@ -2556,102 +2581,111 @@
 <g id="node54" class="node">
 <title>src/app/core/interceptors/error.interceptor.ts</title>
 <g id="a_node54"><a xlink:href="src/app/core/interceptors/error.interceptor.ts" xlink:title="error.interceptor.ts">
-<path fill="#ddfeff" stroke="black" d="M1195.5,-2800C1195.5,-2800 1106.5,-2800 1106.5,-2800 1103.5,-2800 1100.5,-2797 1100.5,-2794 1100.5,-2794 1100.5,-2788 1100.5,-2788 1100.5,-2785 1103.5,-2782 1106.5,-2782 1106.5,-2782 1195.5,-2782 1195.5,-2782 1198.5,-2782 1201.5,-2785 1201.5,-2788 1201.5,-2788 1201.5,-2794 1201.5,-2794 1201.5,-2797 1198.5,-2800 1195.5,-2800"/>
-<text text-anchor="start" x="1108.5" y="-2788.8" font-family="Helvetica,sans-Serif" font-size="9.00">error.interceptor.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1195.5,-2830C1195.5,-2830 1106.5,-2830 1106.5,-2830 1103.5,-2830 1100.5,-2827 1100.5,-2824 1100.5,-2824 1100.5,-2818 1100.5,-2818 1100.5,-2815 1103.5,-2812 1106.5,-2812 1106.5,-2812 1195.5,-2812 1195.5,-2812 1198.5,-2812 1201.5,-2815 1201.5,-2818 1201.5,-2818 1201.5,-2824 1201.5,-2824 1201.5,-2827 1198.5,-2830 1195.5,-2830"/>
+<text text-anchor="start" x="1108.5" y="-2818.8" font-family="Helvetica,sans-Serif" font-size="9.00">error.interceptor.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/interceptors/error.interceptor.spec.ts&#45;&gt;src/app/core/interceptors/error.interceptor.ts -->
 <g id="edge63" class="edge">
 <title>src/app/core/interceptors/error.interceptor.spec.ts&#45;&gt;src/app/core/interceptors/error.interceptor.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1018.26,-2791C1042.62,-2791 1070.41,-2791 1094.17,-2791"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1094.44,-2793.1 1100.44,-2791 1094.44,-2788.9 1094.44,-2793.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1018.26,-2821C1042.62,-2821 1070.41,-2821 1094.17,-2821"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1094.44,-2823.1 1100.44,-2821 1094.44,-2818.9 1094.44,-2823.1"/>
 </g>
-<!-- src/app/core/models/blog.model.ts -->
+<!-- src/app/core/interfaces/list&#45;service.interface.ts -->
 <g id="node55" class="node">
+<title>src/app/core/interfaces/list&#45;service.interface.ts</title>
+<g id="a_node55"><a xlink:href="src/app/core/interfaces/list-service.interface.ts" xlink:title="list&#45;service.interface.ts">
+<path fill="#ddfeff" stroke="black" d="M1687.5,-2460C1687.5,-2460 1581.5,-2460 1581.5,-2460 1578.5,-2460 1575.5,-2457 1575.5,-2454 1575.5,-2454 1575.5,-2448 1575.5,-2448 1575.5,-2445 1578.5,-2442 1581.5,-2442 1581.5,-2442 1687.5,-2442 1687.5,-2442 1690.5,-2442 1693.5,-2445 1693.5,-2448 1693.5,-2448 1693.5,-2454 1693.5,-2454 1693.5,-2457 1690.5,-2460 1687.5,-2460"/>
+<text text-anchor="start" x="1583.5" y="-2448.8" font-family="Helvetica,sans-Serif" font-size="9.00">list&#45;service.interface.ts</text>
+</a>
+</g>
+</g>
+<!-- src/app/core/models/blog.model.ts -->
+<g id="node56" class="node">
 <title>src/app/core/models/blog.model.ts</title>
-<g id="a_node55"><a xlink:href="src/app/core/models/blog.model.ts" xlink:title="blog.model.ts">
+<g id="a_node56"><a xlink:href="src/app/core/models/blog.model.ts" xlink:title="blog.model.ts">
 <path fill="#ddfeff" stroke="black" d="M1517.5,-2580C1517.5,-2580 1451.5,-2580 1451.5,-2580 1448.5,-2580 1445.5,-2577 1445.5,-2574 1445.5,-2574 1445.5,-2568 1445.5,-2568 1445.5,-2565 1448.5,-2562 1451.5,-2562 1451.5,-2562 1517.5,-2562 1517.5,-2562 1520.5,-2562 1523.5,-2565 1523.5,-2568 1523.5,-2568 1523.5,-2574 1523.5,-2574 1523.5,-2577 1520.5,-2580 1517.5,-2580"/>
 <text text-anchor="start" x="1453.5" y="-2568.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog.model.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/models/person.model.ts -->
-<g id="node56" class="node">
+<g id="node57" class="node">
 <title>src/app/core/models/person.model.ts</title>
-<g id="a_node56"><a xlink:href="src/app/core/models/person.model.ts" xlink:title="person.model.ts">
-<path fill="#ddfeff" stroke="black" d="M1650.5,-2550C1650.5,-2550 1573.5,-2550 1573.5,-2550 1570.5,-2550 1567.5,-2547 1567.5,-2544 1567.5,-2544 1567.5,-2538 1567.5,-2538 1567.5,-2535 1570.5,-2532 1573.5,-2532 1573.5,-2532 1650.5,-2532 1650.5,-2532 1653.5,-2532 1656.5,-2535 1656.5,-2538 1656.5,-2538 1656.5,-2544 1656.5,-2544 1656.5,-2547 1653.5,-2550 1650.5,-2550"/>
-<text text-anchor="start" x="1575.5" y="-2538.8" font-family="Helvetica,sans-Serif" font-size="9.00">person.model.ts</text>
+<g id="a_node57"><a xlink:href="src/app/core/models/person.model.ts" xlink:title="person.model.ts">
+<path fill="#ddfeff" stroke="black" d="M1673,-2580C1673,-2580 1596,-2580 1596,-2580 1593,-2580 1590,-2577 1590,-2574 1590,-2574 1590,-2568 1590,-2568 1590,-2565 1593,-2562 1596,-2562 1596,-2562 1673,-2562 1673,-2562 1676,-2562 1679,-2565 1679,-2568 1679,-2568 1679,-2574 1679,-2574 1679,-2577 1676,-2580 1673,-2580"/>
+<text text-anchor="start" x="1598" y="-2568.8" font-family="Helvetica,sans-Serif" font-size="9.00">person.model.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/models/blog.model.ts&#45;&gt;src/app/core/models/person.model.ts -->
 <g id="edge64" class="edge">
 <title>src/app/core/models/blog.model.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1523.66,-2563.9C1535.22,-2561.58 1547.92,-2558.86 1559.5,-2556 1564.75,-2554.71 1570.26,-2553.23 1575.65,-2551.72"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1576.23,-2553.73 1581.43,-2550.07 1575.08,-2549.69 1576.23,-2553.73"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1523.61,-2571C1541.93,-2571 1564.12,-2571 1583.75,-2571"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1583.75,-2573.1 1589.75,-2571 1583.75,-2568.9 1583.75,-2573.1"/>
 </g>
 <!-- src/app/features/news&#45;feed/models/INewsItem.ts -->
-<g id="node57" class="node">
+<g id="node58" class="node">
 <title>src/app/features/news&#45;feed/models/INewsItem.ts</title>
-<g id="a_node57"><a xlink:href="src/app/features/news-feed/models/INewsItem.ts" xlink:title="INewsItem.ts">
-<path fill="#ddfeff" stroke="black" d="M987.5,-3300C987.5,-3300 923.5,-3300 923.5,-3300 920.5,-3300 917.5,-3297 917.5,-3294 917.5,-3294 917.5,-3288 917.5,-3288 917.5,-3285 920.5,-3282 923.5,-3282 923.5,-3282 987.5,-3282 987.5,-3282 990.5,-3282 993.5,-3285 993.5,-3288 993.5,-3288 993.5,-3294 993.5,-3294 993.5,-3297 990.5,-3300 987.5,-3300"/>
-<text text-anchor="start" x="925.5" y="-3288.8" font-family="Helvetica,sans-Serif" font-size="9.00">INewsItem.ts</text>
+<g id="a_node58"><a xlink:href="src/app/features/news-feed/models/INewsItem.ts" xlink:title="INewsItem.ts">
+<path fill="#ddfeff" stroke="black" d="M987.5,-4502C987.5,-4502 923.5,-4502 923.5,-4502 920.5,-4502 917.5,-4499 917.5,-4496 917.5,-4496 917.5,-4490 917.5,-4490 917.5,-4487 920.5,-4484 923.5,-4484 923.5,-4484 987.5,-4484 987.5,-4484 990.5,-4484 993.5,-4487 993.5,-4490 993.5,-4490 993.5,-4496 993.5,-4496 993.5,-4499 990.5,-4502 987.5,-4502"/>
+<text text-anchor="start" x="925.5" y="-4490.8" font-family="Helvetica,sans-Serif" font-size="9.00">INewsItem.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/models/blog.model.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts -->
 <g id="edge65" class="edge">
 <title>src/app/core/models/blog.model.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1445.5,-2571.38C1434.93,-2573.45 1424.45,-2577.72 1417.5,-2586 1398.41,-2608.76 1417.04,-2826.08 1404.5,-2853 1316.47,-3042.01 1151.05,-2984.18 1060.5,-3172 1050.24,-3193.28 1068.7,-3260.81 1052.5,-3278 1039.34,-3291.97 1018.84,-3296.06 1000.16,-3296.32"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="999.92,-3294.22 993.9,-3296.27 999.88,-3298.42 999.92,-3294.22"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1445.25,-2574.19C1435.51,-2576.41 1425.53,-2580.06 1417.5,-2586 1348.96,-2636.67 1079.96,-3182.01 1060.5,-3265 1056.65,-3281.43 1063.64,-4467.33 1052.5,-4480 1039.73,-4494.52 1019.06,-4498.62 1000.16,-4498.73"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="999.87,-4496.63 993.84,-4498.62 999.8,-4500.82 999.87,-4496.63"/>
 </g>
 <!-- src/app/core/models/location.model.ts -->
-<g id="node58" class="node">
+<g id="node59" class="node">
 <title>src/app/core/models/location.model.ts</title>
-<g id="a_node58"><a xlink:href="src/app/core/models/location.model.ts" xlink:title="location.model.ts">
-<path fill="#ddfeff" stroke="black" d="M1757.5,-2580C1757.5,-2580 1675.5,-2580 1675.5,-2580 1672.5,-2580 1669.5,-2577 1669.5,-2574 1669.5,-2574 1669.5,-2568 1669.5,-2568 1669.5,-2565 1672.5,-2562 1675.5,-2562 1675.5,-2562 1757.5,-2562 1757.5,-2562 1760.5,-2562 1763.5,-2565 1763.5,-2568 1763.5,-2568 1763.5,-2574 1763.5,-2574 1763.5,-2577 1760.5,-2580 1757.5,-2580"/>
-<text text-anchor="start" x="1677.5" y="-2568.8" font-family="Helvetica,sans-Serif" font-size="9.00">location.model.ts</text>
+<g id="a_node59"><a xlink:href="src/app/core/models/location.model.ts" xlink:title="location.model.ts">
+<path fill="#ddfeff" stroke="black" d="M1797.5,-2610C1797.5,-2610 1715.5,-2610 1715.5,-2610 1712.5,-2610 1709.5,-2607 1709.5,-2604 1709.5,-2604 1709.5,-2598 1709.5,-2598 1709.5,-2595 1712.5,-2592 1715.5,-2592 1715.5,-2592 1797.5,-2592 1797.5,-2592 1800.5,-2592 1803.5,-2595 1803.5,-2598 1803.5,-2598 1803.5,-2604 1803.5,-2604 1803.5,-2607 1800.5,-2610 1797.5,-2610"/>
+<text text-anchor="start" x="1717.5" y="-2598.8" font-family="Helvetica,sans-Serif" font-size="9.00">location.model.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/models/person.model.ts&#45;&gt;src/app/core/models/location.model.ts -->
 <g id="edge66" class="edge">
 <title>src/app/core/models/person.model.ts&#45;&gt;src/app/core/models/location.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1643.75,-2550C1654.7,-2553.2 1667.14,-2556.85 1678.55,-2560.19"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1678.07,-2562.23 1684.41,-2561.9 1679.25,-2558.2 1678.07,-2562.23"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1671.5,-2580C1684.56,-2583.26 1699.42,-2586.98 1712.98,-2590.37"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1712.78,-2592.48 1719.11,-2591.9 1713.8,-2588.41 1712.78,-2592.48"/>
 </g>
 <!-- src/app/features/news&#45;feed/models/INewsItem.ts&#45;&gt;src/app/core/models/person.model.ts -->
-<g id="edge223" class="edge">
+<g id="edge230" class="edge">
 <title>src/app/features/news&#45;feed/models/INewsItem.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M993.75,-3290.01C1079.46,-3285.63 1291.86,-3262.52 1404.5,-3142 1574.89,-2959.7 1605.39,-2630.4 1610.18,-2556.15"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1612.28,-2556.25 1610.55,-2550.13 1608.09,-2555.99 1612.28,-2556.25"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M993.7,-4496.52C1013.11,-4496.39 1036.14,-4492.94 1052.5,-4480 1394.55,-4209.42 1276.96,-3981.07 1404.5,-3564 1523.99,-3173.25 1614.27,-2679.33 1630.78,-2586.43"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1632.87,-2586.72 1631.85,-2580.44 1628.73,-2585.98 1632.87,-2586.72"/>
 </g>
 <!-- src/app/core/models/poll.model.ts -->
-<g id="node59" class="node">
+<g id="node60" class="node">
 <title>src/app/core/models/poll.model.ts</title>
-<g id="a_node59"><a xlink:href="src/app/core/models/poll.model.ts" xlink:title="poll.model.ts">
-<path fill="#ddfeff" stroke="black" d="M1515.5,-2550C1515.5,-2550 1453.5,-2550 1453.5,-2550 1450.5,-2550 1447.5,-2547 1447.5,-2544 1447.5,-2544 1447.5,-2538 1447.5,-2538 1447.5,-2535 1450.5,-2532 1453.5,-2532 1453.5,-2532 1515.5,-2532 1515.5,-2532 1518.5,-2532 1521.5,-2535 1521.5,-2538 1521.5,-2538 1521.5,-2544 1521.5,-2544 1521.5,-2547 1518.5,-2550 1515.5,-2550"/>
-<text text-anchor="start" x="1455.5" y="-2538.8" font-family="Helvetica,sans-Serif" font-size="9.00">poll.model.ts</text>
+<g id="a_node60"><a xlink:href="src/app/core/models/poll.model.ts" xlink:title="poll.model.ts">
+<path fill="#ddfeff" stroke="black" d="M1515.5,-2640C1515.5,-2640 1453.5,-2640 1453.5,-2640 1450.5,-2640 1447.5,-2637 1447.5,-2634 1447.5,-2634 1447.5,-2628 1447.5,-2628 1447.5,-2625 1450.5,-2622 1453.5,-2622 1453.5,-2622 1515.5,-2622 1515.5,-2622 1518.5,-2622 1521.5,-2625 1521.5,-2628 1521.5,-2628 1521.5,-2634 1521.5,-2634 1521.5,-2637 1518.5,-2640 1515.5,-2640"/>
+<text text-anchor="start" x="1455.5" y="-2628.8" font-family="Helvetica,sans-Serif" font-size="9.00">poll.model.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/models/poll.model.ts&#45;&gt;src/app/core/models/person.model.ts -->
 <g id="edge67" class="edge">
 <title>src/app/core/models/poll.model.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1521.8,-2541C1533.99,-2541 1547.82,-2541 1560.88,-2541"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1561.22,-2543.1 1567.22,-2541 1561.22,-2538.9 1561.22,-2543.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1521.6,-2626.26C1533.89,-2623.98 1547.54,-2620.68 1559.5,-2616 1580.45,-2607.8 1602.19,-2593.81 1616.64,-2583.6"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1617.97,-2585.24 1621.62,-2580.03 1615.52,-2581.82 1617.97,-2585.24"/>
 </g>
 <!-- src/app/core/models/poll.model.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts -->
 <g id="edge68" class="edge">
 <title>src/app/core/models/poll.model.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1447.17,-2544.09C1436.9,-2546.28 1426.17,-2549.94 1417.5,-2556 1293.96,-2642.43 1329.08,-2724.4 1233.5,-2841 1165.55,-2923.89 1103.7,-2910.92 1060.5,-3009 1054.47,-3022.68 1062.5,-3266.89 1052.5,-3278 1039.56,-3292.37 1018.87,-3296.46 1000.01,-3296.6"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="999.73,-3294.49 993.7,-3296.5 999.66,-3298.69 999.73,-3294.49"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1483.45,-2640.06C1482.93,-2720.68 1476.65,-3315.79 1404.5,-3476 1312.7,-3679.85 1144.01,-3635.62 1060.5,-3843 1053.89,-3859.41 1064.23,-4466.75 1052.5,-4480 1039.68,-4494.49 1019.01,-4498.58 1000.12,-4498.7"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="999.83,-4496.59 993.8,-4498.59 999.77,-4500.79 999.83,-4496.59"/>
 </g>
 <!-- src/app/core/models/post.model.ts -->
-<g id="node60" class="node">
+<g id="node61" class="node">
 <title>src/app/core/models/post.model.ts</title>
-<g id="a_node60"><a xlink:href="src/app/core/models/post.model.ts" xlink:title="post.model.ts">
+<g id="a_node61"><a xlink:href="src/app/core/models/post.model.ts" xlink:title="post.model.ts">
 <path fill="#ddfeff" stroke="black" d="M1517.5,-2610C1517.5,-2610 1451.5,-2610 1451.5,-2610 1448.5,-2610 1445.5,-2607 1445.5,-2604 1445.5,-2604 1445.5,-2598 1445.5,-2598 1445.5,-2595 1448.5,-2592 1451.5,-2592 1451.5,-2592 1517.5,-2592 1517.5,-2592 1520.5,-2592 1523.5,-2595 1523.5,-2598 1523.5,-2598 1523.5,-2604 1523.5,-2604 1523.5,-2607 1520.5,-2610 1517.5,-2610"/>
 <text text-anchor="start" x="1453.5" y="-2598.8" font-family="Helvetica,sans-Serif" font-size="9.00">post.model.ts</text>
 </a>
@@ -2660,2280 +2694,2325 @@
 <!-- src/app/core/models/post.model.ts&#45;&gt;src/app/core/models/person.model.ts -->
 <g id="edge69" class="edge">
 <title>src/app/core/models/post.model.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1523.63,-2597.14C1535.54,-2594.93 1548.45,-2591.46 1559.5,-2586 1575.01,-2578.34 1589.54,-2564.82 1599.19,-2554.6"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1600.75,-2556 1603.27,-2550.16 1597.66,-2553.16 1600.75,-2556"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1523.61,-2593.27C1541.93,-2589.56 1564.12,-2585.06 1583.75,-2581.08"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1584.29,-2583.12 1589.75,-2579.87 1583.45,-2579 1584.29,-2583.12"/>
 </g>
 <!-- src/app/core/models/post.model.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts -->
 <g id="edge70" class="edge">
 <title>src/app/core/models/post.model.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1483.25,-2610.06C1481.4,-2670.99 1468.07,-3021.21 1404.5,-3102 1302.12,-3232.13 1168.09,-3119.15 1060.5,-3245 1050.69,-3256.47 1063.71,-3267.89 1052.5,-3278 1038.47,-3290.65 1018.28,-3294.7 1000.03,-3295.27"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="999.9,-3293.17 993.92,-3295.33 999.94,-3297.37 999.9,-3293.17"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1445.5,-2601.38C1434.93,-2603.45 1424.45,-2607.72 1417.5,-2616 1398.41,-2638.76 1411.38,-2854.11 1404.5,-2883 1317.43,-3248.4 1140.44,-3287.97 1060.5,-3655 1055.62,-3677.39 1067.66,-4462.81 1052.5,-4480 1039.7,-4494.5 1019.03,-4498.6 1000.14,-4498.71"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="999.85,-4496.61 993.82,-4498.61 999.78,-4500.81 999.85,-4496.61"/>
 </g>
 <!-- src/app/core/services/debounce.service.spec.ts -->
-<g id="node61" class="node">
+<g id="node62" class="node">
 <title>src/app/core/services/debounce.service.spec.ts</title>
-<g id="a_node61"><a xlink:href="src/app/core/services/debounce.service.spec.ts" xlink:title="debounce.service.spec.ts">
+<g id="a_node62"><a xlink:href="src/app/core/services/debounce.service.spec.ts" xlink:title="debounce.service.spec.ts">
 <path fill="#ddfeff" stroke="black" d="M1210.5,-2280C1210.5,-2280 1091.5,-2280 1091.5,-2280 1088.5,-2280 1085.5,-2277 1085.5,-2274 1085.5,-2274 1085.5,-2268 1085.5,-2268 1085.5,-2265 1088.5,-2262 1091.5,-2262 1091.5,-2262 1210.5,-2262 1210.5,-2262 1213.5,-2262 1216.5,-2265 1216.5,-2268 1216.5,-2268 1216.5,-2274 1216.5,-2274 1216.5,-2277 1213.5,-2280 1210.5,-2280"/>
 <text text-anchor="start" x="1093.5" y="-2268.8" font-family="Helvetica,sans-Serif" font-size="9.00">debounce.service.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/debounce.service.ts -->
-<g id="node62" class="node">
+<g id="node63" class="node">
 <title>src/app/core/services/debounce.service.ts</title>
-<g id="a_node62"><a xlink:href="src/app/core/services/debounce.service.ts" xlink:title="debounce.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1373,-2280C1373,-2280 1278,-2280 1278,-2280 1275,-2280 1272,-2277 1272,-2274 1272,-2274 1272,-2268 1272,-2268 1272,-2265 1275,-2262 1278,-2262 1278,-2262 1373,-2262 1373,-2262 1376,-2262 1379,-2265 1379,-2268 1379,-2268 1379,-2274 1379,-2274 1379,-2277 1376,-2280 1373,-2280"/>
-<text text-anchor="start" x="1280" y="-2268.8" font-family="Helvetica,sans-Serif" font-size="9.00">debounce.service.ts</text>
+<g id="a_node63"><a xlink:href="src/app/core/services/debounce.service.ts" xlink:title="debounce.service.ts">
+<path fill="#ddfeff" stroke="black" d="M1373,-2340C1373,-2340 1278,-2340 1278,-2340 1275,-2340 1272,-2337 1272,-2334 1272,-2334 1272,-2328 1272,-2328 1272,-2325 1275,-2322 1278,-2322 1278,-2322 1373,-2322 1373,-2322 1376,-2322 1379,-2325 1379,-2328 1379,-2328 1379,-2334 1379,-2334 1379,-2337 1376,-2340 1373,-2340"/>
+<text text-anchor="start" x="1280" y="-2328.8" font-family="Helvetica,sans-Serif" font-size="9.00">debounce.service.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/debounce.service.spec.ts&#45;&gt;src/app/core/services/debounce.service.ts -->
 <g id="edge71" class="edge">
 <title>src/app/core/services/debounce.service.spec.ts&#45;&gt;src/app/core/services/debounce.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1216.72,-2271C1232.76,-2271 1249.86,-2271 1265.6,-2271"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1265.79,-2273.1 1271.79,-2271 1265.79,-2268.9 1265.79,-2273.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1216.5,-2276.56C1222.63,-2278.89 1228.43,-2281.97 1233.5,-2286 1244.87,-2295.05 1235.16,-2306.91 1246.5,-2316 1252.22,-2320.58 1258.92,-2323.91 1265.95,-2326.3"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1265.57,-2328.38 1271.92,-2328.1 1266.78,-2324.36 1265.57,-2328.38"/>
 </g>
 <!-- src/app/core/services/event.service.spec.ts -->
-<g id="node63" class="node">
+<g id="node64" class="node">
 <title>src/app/core/services/event.service.spec.ts</title>
-<g id="a_node63"><a xlink:href="src/app/core/services/event.service.spec.ts" xlink:title="event.service.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1201,-2400C1201,-2400 1101,-2400 1101,-2400 1098,-2400 1095,-2397 1095,-2394 1095,-2394 1095,-2388 1095,-2388 1095,-2385 1098,-2382 1101,-2382 1101,-2382 1201,-2382 1201,-2382 1204,-2382 1207,-2385 1207,-2388 1207,-2388 1207,-2394 1207,-2394 1207,-2397 1204,-2400 1201,-2400"/>
-<text text-anchor="start" x="1103" y="-2388.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.service.spec.ts</text>
+<g id="a_node64"><a xlink:href="src/app/core/services/event.service.spec.ts" xlink:title="event.service.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M1201,-2430C1201,-2430 1101,-2430 1101,-2430 1098,-2430 1095,-2427 1095,-2424 1095,-2424 1095,-2418 1095,-2418 1095,-2415 1098,-2412 1101,-2412 1101,-2412 1201,-2412 1201,-2412 1204,-2412 1207,-2415 1207,-2418 1207,-2418 1207,-2424 1207,-2424 1207,-2427 1204,-2430 1201,-2430"/>
+<text text-anchor="start" x="1103" y="-2418.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.service.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/event.service.ts -->
-<g id="node64" class="node">
+<g id="node65" class="node">
 <title>src/app/core/services/event.service.ts</title>
-<g id="a_node64"><a xlink:href="src/app/core/services/event.service.ts" xlink:title="event.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1363.5,-2460C1363.5,-2460 1287.5,-2460 1287.5,-2460 1284.5,-2460 1281.5,-2457 1281.5,-2454 1281.5,-2454 1281.5,-2448 1281.5,-2448 1281.5,-2445 1284.5,-2442 1287.5,-2442 1287.5,-2442 1363.5,-2442 1363.5,-2442 1366.5,-2442 1369.5,-2445 1369.5,-2448 1369.5,-2448 1369.5,-2454 1369.5,-2454 1369.5,-2457 1366.5,-2460 1363.5,-2460"/>
-<text text-anchor="start" x="1289.5" y="-2448.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.service.ts</text>
+<g id="a_node65"><a xlink:href="src/app/core/services/event.service.ts" xlink:title="event.service.ts">
+<path fill="#ddfeff" stroke="black" d="M1363.5,-2520C1363.5,-2520 1287.5,-2520 1287.5,-2520 1284.5,-2520 1281.5,-2517 1281.5,-2514 1281.5,-2514 1281.5,-2508 1281.5,-2508 1281.5,-2505 1284.5,-2502 1287.5,-2502 1287.5,-2502 1363.5,-2502 1363.5,-2502 1366.5,-2502 1369.5,-2505 1369.5,-2508 1369.5,-2508 1369.5,-2514 1369.5,-2514 1369.5,-2517 1366.5,-2520 1363.5,-2520"/>
+<text text-anchor="start" x="1289.5" y="-2508.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.service.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/event.service.spec.ts&#45;&gt;src/app/core/services/event.service.ts -->
 <g id="edge72" class="edge">
 <title>src/app/core/services/event.service.spec.ts&#45;&gt;src/app/core/services/event.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1207.34,-2393.64C1216.78,-2396.11 1225.96,-2400 1233.5,-2406 1244.87,-2415.05 1235.16,-2426.91 1246.5,-2436 1254.68,-2442.56 1264.89,-2446.55 1275.2,-2448.91"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1274.97,-2451.01 1281.26,-2450.12 1275.79,-2446.89 1274.97,-2451.01"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1207.1,-2422.15C1216.9,-2424.69 1226.27,-2428.99 1233.5,-2436 1253.09,-2454.99 1226.98,-2476.93 1246.5,-2496 1254.32,-2503.64 1264.79,-2507.99 1275.5,-2510.35"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1275.18,-2512.43 1281.47,-2511.46 1275.95,-2508.3 1275.18,-2512.43"/>
 </g>
-<!-- src/app/core/services/event.service.ts&#45;&gt;src/app/core/models/location.model.ts -->
+<!-- src/app/core/services/event.service.ts&#45;&gt;src/app/core/interfaces/list&#45;service.interface.ts -->
 <g id="edge73" class="edge">
+<title>src/app/core/services/event.service.ts&#45;&gt;src/app/core/interfaces/list&#45;service.interface.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1369.92,-2507.19C1417.09,-2502.47 1494.4,-2493.03 1559.5,-2477 1575,-2473.18 1591.83,-2467.41 1605.51,-2462.27"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1606.31,-2464.21 1611.17,-2460.11 1604.82,-2460.29 1606.31,-2464.21"/>
+</g>
+<!-- src/app/core/services/event.service.ts&#45;&gt;src/app/core/models/location.model.ts -->
+<g id="edge74" class="edge">
 <title>src/app/core/services/event.service.ts&#45;&gt;src/app/core/models/location.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1369.84,-2449.79C1382.73,-2451.7 1395.73,-2456.27 1404.5,-2466 1426.9,-2490.85 1392.84,-2593.39 1417.5,-2616 1497.31,-2689.19 1642.84,-2614.63 1695.67,-2583.38"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1697,-2585.03 1701.07,-2580.14 1694.84,-2581.43 1697,-2585.03"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1329.3,-2520.18C1337.7,-2545.83 1365.34,-2618.26 1417.5,-2646 1524.12,-2702.71 1675.44,-2640.47 1732.52,-2612.84"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1733.6,-2614.65 1738.06,-2610.12 1731.75,-2610.88 1733.6,-2614.65"/>
 </g>
 <!-- src/app/core/services/group.service.ts -->
-<g id="node65" class="node">
+<g id="node66" class="node">
 <title>src/app/core/services/group.service.ts</title>
-<g id="a_node65"><a xlink:href="src/app/core/services/group.service.ts" xlink:title="group.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1523,-2475C1523,-2475 1446,-2475 1446,-2475 1443,-2475 1440,-2472 1440,-2469 1440,-2469 1440,-2463 1440,-2463 1440,-2460 1443,-2457 1446,-2457 1446,-2457 1523,-2457 1523,-2457 1526,-2457 1529,-2460 1529,-2463 1529,-2463 1529,-2469 1529,-2469 1529,-2472 1526,-2475 1523,-2475"/>
-<text text-anchor="start" x="1448" y="-2463.8" font-family="Helvetica,sans-Serif" font-size="9.00">group.service.ts</text>
+<g id="a_node66"><a xlink:href="src/app/core/services/group.service.ts" xlink:title="group.service.ts">
+<path fill="#ddfeff" stroke="black" d="M1523,-2460C1523,-2460 1446,-2460 1446,-2460 1443,-2460 1440,-2457 1440,-2454 1440,-2454 1440,-2448 1440,-2448 1440,-2445 1443,-2442 1446,-2442 1446,-2442 1523,-2442 1523,-2442 1526,-2442 1529,-2445 1529,-2448 1529,-2448 1529,-2454 1529,-2454 1529,-2457 1526,-2460 1523,-2460"/>
+<text text-anchor="start" x="1448" y="-2448.8" font-family="Helvetica,sans-Serif" font-size="9.00">group.service.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/event.service.ts&#45;&gt;src/app/core/services/group.service.ts -->
-<g id="edge74" class="edge">
+<g id="edge75" class="edge">
 <title>src/app/core/services/event.service.ts&#45;&gt;src/app/core/services/group.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1369.82,-2455.14C1389.64,-2457.03 1413.24,-2459.29 1433.79,-2461.25"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1433.61,-2463.34 1439.78,-2461.82 1434.01,-2459.16 1433.61,-2463.34"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1369.7,-2505.3C1381.21,-2503.08 1393.51,-2500.06 1404.5,-2496 1426.65,-2487.82 1449.9,-2473.83 1465.39,-2463.61"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1466.91,-2465.12 1470.73,-2460.04 1464.58,-2461.63 1466.91,-2465.12"/>
 </g>
 <!-- src/app/core/services/people.service.ts -->
-<g id="node66" class="node">
+<g id="node67" class="node">
 <title>src/app/core/services/people.service.ts</title>
-<g id="a_node66"><a xlink:href="src/app/core/services/people.service.ts" xlink:title="people.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1524.5,-2340C1524.5,-2340 1444.5,-2340 1444.5,-2340 1441.5,-2340 1438.5,-2337 1438.5,-2334 1438.5,-2334 1438.5,-2328 1438.5,-2328 1438.5,-2325 1441.5,-2322 1444.5,-2322 1444.5,-2322 1524.5,-2322 1524.5,-2322 1527.5,-2322 1530.5,-2325 1530.5,-2328 1530.5,-2328 1530.5,-2334 1530.5,-2334 1530.5,-2337 1527.5,-2340 1524.5,-2340"/>
-<text text-anchor="start" x="1446.5" y="-2328.8" font-family="Helvetica,sans-Serif" font-size="9.00">people.service.ts</text>
+<g id="a_node67"><a xlink:href="src/app/core/services/people.service.ts" xlink:title="people.service.ts">
+<path fill="#ddfeff" stroke="black" d="M1524.5,-2400C1524.5,-2400 1444.5,-2400 1444.5,-2400 1441.5,-2400 1438.5,-2397 1438.5,-2394 1438.5,-2394 1438.5,-2388 1438.5,-2388 1438.5,-2385 1441.5,-2382 1444.5,-2382 1444.5,-2382 1524.5,-2382 1524.5,-2382 1527.5,-2382 1530.5,-2385 1530.5,-2388 1530.5,-2388 1530.5,-2394 1530.5,-2394 1530.5,-2397 1527.5,-2400 1524.5,-2400"/>
+<text text-anchor="start" x="1446.5" y="-2388.8" font-family="Helvetica,sans-Serif" font-size="9.00">people.service.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/event.service.ts&#45;&gt;src/app/core/services/people.service.ts -->
-<g id="edge75" class="edge">
+<g id="edge76" class="edge">
 <title>src/app/core/services/event.service.ts&#45;&gt;src/app/core/services/people.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1369.52,-2451.91C1382.38,-2449.99 1395.45,-2445.48 1404.5,-2436 1432.41,-2406.77 1390.09,-2375.7 1417.5,-2346 1421.68,-2341.47 1426.93,-2338.16 1432.62,-2335.77"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1433.51,-2337.69 1438.44,-2333.68 1432.08,-2333.73 1433.51,-2337.69"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1369.52,-2511.91C1382.38,-2509.99 1395.45,-2505.48 1404.5,-2496 1432.41,-2466.77 1390.09,-2435.7 1417.5,-2406 1421.68,-2401.47 1426.93,-2398.16 1432.62,-2395.77"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1433.51,-2397.69 1438.44,-2393.68 1432.08,-2393.73 1433.51,-2397.69"/>
+</g>
+<!-- src/app/core/services/event.service.ts&#45;&gt;src/app/features/events/components/event&#45;card/event&#45;card.component.ts -->
+<g id="edge77" class="edge">
+<title>src/app/core/services/event.service.ts&#45;&gt;src/app/features/events/components/event&#45;card/event&#45;card.component.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1323.6,-2520.16C1318.3,-2572.39 1289.33,-2832.2 1233.5,-2885 1176.69,-2938.73 1110.6,-2856.97 1060.5,-2917 1048.96,-2930.83 1058.22,-5493.92 1052.5,-5511 1036.35,-5559.2 994.24,-5603.89 971.53,-5625.46"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="969.94,-5624.08 967,-5629.71 972.81,-5627.14 969.94,-5624.08"/>
 </g>
 <!-- src/app/features/events/models/event.ts -->
-<g id="node67" class="node">
+<g id="node69" class="node">
 <title>src/app/features/events/models/event.ts</title>
-<g id="a_node67"><a xlink:href="src/app/features/events/models/event.ts" xlink:title="event.ts">
-<path fill="#ddfeff" stroke="black" d="M1172,-3750C1172,-3750 1130,-3750 1130,-3750 1127,-3750 1124,-3747 1124,-3744 1124,-3744 1124,-3738 1124,-3738 1124,-3735 1127,-3732 1130,-3732 1130,-3732 1172,-3732 1172,-3732 1175,-3732 1178,-3735 1178,-3738 1178,-3738 1178,-3744 1178,-3744 1178,-3747 1175,-3750 1172,-3750"/>
-<text text-anchor="start" x="1132.5" y="-3738.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.ts</text>
+<g id="a_node69"><a xlink:href="src/app/features/events/models/event.ts" xlink:title="event.ts">
+<path fill="#ddfeff" stroke="black" d="M1172,-5640C1172,-5640 1130,-5640 1130,-5640 1127,-5640 1124,-5637 1124,-5634 1124,-5634 1124,-5628 1124,-5628 1124,-5625 1127,-5622 1130,-5622 1130,-5622 1172,-5622 1172,-5622 1175,-5622 1178,-5625 1178,-5628 1178,-5628 1178,-5634 1178,-5634 1178,-5637 1175,-5640 1172,-5640"/>
+<text text-anchor="start" x="1132.5" y="-5628.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/event.service.ts&#45;&gt;src/app/features/events/models/event.ts -->
-<g id="edge76" class="edge">
+<g id="edge78" class="edge">
 <title>src/app/core/services/event.service.ts&#45;&gt;src/app/features/events/models/event.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1281.12,-2449.34C1268.07,-2451.19 1254.98,-2455.84 1246.5,-2466 1224.03,-2492.91 1256.39,-3701.45 1233.5,-3728 1221.67,-3741.72 1201.64,-3745.06 1184.39,-3744.92"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1184.25,-3742.82 1178.19,-3744.73 1184.12,-3747.02 1184.25,-3742.82"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1324.24,-2520.09C1319.13,-2700.01 1239.72,-5491.81 1233.5,-5511 1219.48,-5554.25 1184.71,-5596.17 1165.42,-5617.14"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1163.66,-5615.95 1161.1,-5621.76 1166.73,-5618.81 1163.66,-5615.95"/>
+</g>
+<!-- src/app/core/services/group.service.ts&#45;&gt;src/app/core/interfaces/list&#45;service.interface.ts -->
+<g id="edge81" class="edge">
+<title>src/app/core/services/group.service.ts&#45;&gt;src/app/core/interfaces/list&#45;service.interface.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1529.1,-2451C1541.67,-2451 1555.66,-2451 1569.21,-2451"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1569.39,-2453.1 1575.39,-2451 1569.39,-2448.9 1569.39,-2453.1"/>
+</g>
+<!-- src/app/core/services/group.service.ts&#45;&gt;src/app/features/groups/components/group&#45;card/group&#45;card.component.ts -->
+<g id="edge82" class="edge">
+<title>src/app/core/services/group.service.ts&#45;&gt;src/app/features/groups/components/group&#45;card/group&#45;card.component.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1474.65,-2460.23C1459.44,-2476.8 1428.9,-2513.37 1417.5,-2551 1406.61,-2586.97 1430.82,-5230.17 1404.5,-5257 1346.24,-5316.37 1235.69,-5291.05 1182.32,-5273.95"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1182.77,-5271.89 1176.41,-5272.02 1181.46,-5275.88 1182.77,-5271.89"/>
 </g>
 <!-- src/app/features/groups/models/group.ts -->
-<g id="node71" class="node">
+<g id="node74" class="node">
 <title>src/app/features/groups/models/group.ts</title>
-<g id="a_node71"><a xlink:href="src/app/features/groups/models/group.ts" xlink:title="group.ts">
-<path fill="#ddfeff" stroke="black" d="M1347,-5674C1347,-5674 1304,-5674 1304,-5674 1301,-5674 1298,-5671 1298,-5668 1298,-5668 1298,-5662 1298,-5662 1298,-5659 1301,-5656 1304,-5656 1304,-5656 1347,-5656 1347,-5656 1350,-5656 1353,-5659 1353,-5662 1353,-5662 1353,-5668 1353,-5668 1353,-5671 1350,-5674 1347,-5674"/>
-<text text-anchor="start" x="1306" y="-5662.8" font-family="Helvetica,sans-Serif" font-size="9.00">group.ts</text>
+<g id="a_node74"><a xlink:href="src/app/features/groups/models/group.ts" xlink:title="group.ts">
+<path fill="#ddfeff" stroke="black" d="M1347,-5228C1347,-5228 1304,-5228 1304,-5228 1301,-5228 1298,-5225 1298,-5222 1298,-5222 1298,-5216 1298,-5216 1298,-5213 1301,-5210 1304,-5210 1304,-5210 1347,-5210 1347,-5210 1350,-5210 1353,-5213 1353,-5216 1353,-5216 1353,-5222 1353,-5222 1353,-5225 1350,-5228 1347,-5228"/>
+<text text-anchor="start" x="1306" y="-5216.8" font-family="Helvetica,sans-Serif" font-size="9.00">group.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/group.service.ts&#45;&gt;src/app/features/groups/models/group.ts -->
-<g id="edge79" class="edge">
+<g id="edge83" class="edge">
 <title>src/app/core/services/group.service.ts&#45;&gt;src/app/features/groups/models/group.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1465.81,-2475.04C1449.96,-2484.23 1427.67,-2500.07 1417.5,-2521 1344.29,-2671.6 1327.82,-5420.95 1326.58,-5649.86"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1324.48,-5649.88 1326.55,-5655.89 1328.68,-5649.9 1324.48,-5649.88"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1475,-2460C1460.05,-2476.5 1429.51,-2513.35 1417.5,-2551 1331.6,-2820.32 1326.78,-4999.61 1326.51,-5203.69"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1324.41,-5203.87 1326.51,-5209.87 1328.61,-5203.87 1324.41,-5203.87"/>
+</g>
+<!-- src/app/core/services/people.service.ts&#45;&gt;src/app/core/interfaces/list&#45;service.interface.ts -->
+<g id="edge96" class="edge">
+<title>src/app/core/services/people.service.ts&#45;&gt;src/app/core/interfaces/list&#45;service.interface.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1530.72,-2396.86C1540.46,-2399.02 1550.53,-2401.98 1559.5,-2406 1563.56,-2407.82 1563.8,-2409.53 1567.5,-2412 1581.84,-2421.57 1598.56,-2431.44 1611.58,-2438.85"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1610.66,-2440.75 1616.92,-2441.87 1612.73,-2437.09 1610.66,-2440.75"/>
 </g>
 <!-- src/app/core/services/people.service.ts&#45;&gt;src/app/core/models/person.model.ts -->
-<g id="edge91" class="edge">
+<g id="edge98" class="edge">
 <title>src/app/core/services/people.service.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1530.84,-2331.14C1541.63,-2333.39 1552.13,-2337.82 1559.5,-2346 1571.9,-2359.77 1563.22,-2410.97 1567.5,-2429 1576.1,-2465.2 1593.84,-2505.34 1603.8,-2526.34"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1602.02,-2527.48 1606.51,-2531.98 1605.81,-2525.66 1602.02,-2527.48"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1530.84,-2391.14C1541.63,-2393.39 1552.13,-2397.82 1559.5,-2406 1571.9,-2419.77 1560.51,-2471.84 1567.5,-2489 1578.81,-2516.76 1602.72,-2542.61 1618.45,-2557.6"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1617.22,-2559.33 1623.04,-2561.9 1620.09,-2556.27 1617.22,-2559.33"/>
 </g>
 <!-- src/app/core/services/people.service.ts&#45;&gt;src/app/core/models/location.model.ts -->
-<g id="edge90" class="edge">
+<g id="edge97" class="edge">
 <title>src/app/core/services/people.service.ts&#45;&gt;src/app/core/models/location.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1530.69,-2334.52C1540.75,-2336.79 1550.96,-2340.38 1559.5,-2346 1642.2,-2400.45 1693.6,-2515.26 1709.88,-2556.15"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1707.97,-2557.02 1712.11,-2561.85 1711.88,-2555.49 1707.97,-2557.02"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1530.53,-2386.77C1578.69,-2384.81 1654.47,-2389.48 1701.5,-2431 1747.86,-2471.92 1754.75,-2552.44 1755.54,-2585.88"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1753.44,-2585.95 1755.63,-2591.92 1757.64,-2585.89 1753.44,-2585.95"/>
+</g>
+<!-- src/app/core/services/people.service.ts&#45;&gt;src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts -->
+<g id="edge99" class="edge">
+<title>src/app/core/services/people.service.ts&#45;&gt;src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1483.67,-2381.94C1484.64,-2317.81 1486.98,-1933.07 1404.5,-1862 1302.56,-1774.16 923.62,-2009.89 861,-2129 852.2,-2145.74 865.42,-4837.74 853,-4852 847.6,-4858.2 840.69,-4862.45 833.1,-4865.28"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="832.26,-4863.34 827.18,-4867.17 833.54,-4867.34 832.26,-4863.34"/>
+</g>
+<!-- src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
+<g id="edge125" class="edge">
+<title>src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M945.17,-5629.91C923.43,-5609.95 873.57,-5559.72 857,-5505 852.73,-5490.91 856.54,-4459.71 857,-4445 877.19,-3803.11 943.89,-3015.24 954.17,-2896.32"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="956.29,-2896.18 954.71,-2890.02 952.1,-2895.82 956.29,-2896.18"/>
+</g>
+<!-- src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
+<g id="edge126" class="edge">
+<title>src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M967,-5629.71C988.12,-5610.23 1035.21,-5562.63 1052.5,-5511 1065.55,-5472.02 1045.77,-2589.38 1060.5,-2551 1074.95,-2513.34 1110.79,-2480.88 1132.48,-2463.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1133.94,-2465.34 1137.4,-2460.01 1131.37,-2462.02 1133.94,-2465.34"/>
+</g>
+<!-- src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/features/events/models/event.ts -->
+<g id="edge124" class="edge">
+<title>src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/features/events/models/event.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1021.2,-5636.32C1053.55,-5634.99 1091.28,-5633.43 1117.51,-5632.34"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1117.68,-5634.44 1123.59,-5632.09 1117.5,-5630.24 1117.68,-5634.44"/>
+</g>
+<!-- src/app/shared/models/material&#45;button&#45;type.ts -->
+<g id="node99" class="node">
+<title>src/app/shared/models/material&#45;button&#45;type.ts</title>
+<g id="a_node99"><a xlink:href="src/app/shared/models/material-button-type.ts" xlink:title="material&#45;button&#45;type.ts">
+<path fill="#ddfeff" stroke="black" d="M1206,-1317C1206,-1317 1096,-1317 1096,-1317 1093,-1317 1090,-1314 1090,-1311 1090,-1311 1090,-1305 1090,-1305 1090,-1302 1093,-1299 1096,-1299 1096,-1299 1206,-1299 1206,-1299 1209,-1299 1212,-1302 1212,-1305 1212,-1305 1212,-1311 1212,-1311 1212,-1314 1209,-1317 1206,-1317"/>
+<text text-anchor="start" x="1098" y="-1305.8" font-family="Helvetica,sans-Serif" font-size="9.00">material&#45;button&#45;type.ts</text>
+</a>
+</g>
+</g>
+<!-- src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts -->
+<g id="edge127" class="edge">
+<title>src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M967,-5629.71C988.13,-5610.23 1035.23,-5562.63 1052.5,-5511 1057.11,-5497.21 1051.1,-1334.09 1060.5,-1323 1066.6,-1315.8 1074.75,-1311.15 1083.64,-1308.25"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1084.37,-1310.23 1089.59,-1306.59 1083.24,-1306.18 1084.37,-1310.23"/>
+</g>
+<!-- src/app/shared/models/tooltip&#45;direction.ts -->
+<g id="node100" class="node">
+<title>src/app/shared/models/tooltip&#45;direction.ts</title>
+<g id="a_node100"><a xlink:href="src/app/shared/models/tooltip-direction.ts" xlink:title="tooltip&#45;direction.ts">
+<path fill="#ddfeff" stroke="black" d="M1194.5,-1257C1194.5,-1257 1107.5,-1257 1107.5,-1257 1104.5,-1257 1101.5,-1254 1101.5,-1251 1101.5,-1251 1101.5,-1245 1101.5,-1245 1101.5,-1242 1104.5,-1239 1107.5,-1239 1107.5,-1239 1194.5,-1239 1194.5,-1239 1197.5,-1239 1200.5,-1242 1200.5,-1245 1200.5,-1245 1200.5,-1251 1200.5,-1251 1200.5,-1254 1197.5,-1257 1194.5,-1257"/>
+<text text-anchor="start" x="1109.5" y="-1245.8" font-family="Helvetica,sans-Serif" font-size="9.00">tooltip&#45;direction.ts</text>
+</a>
+</g>
+</g>
+<!-- src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts -->
+<g id="edge128" class="edge">
+<title>src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M967,-5629.71C988.13,-5610.23 1035.23,-5562.63 1052.5,-5511 1057.18,-5497.01 1050.96,-1274.25 1060.5,-1263 1069.16,-1252.79 1081.93,-1247.7 1095.13,-1245.47"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.56,-1247.53 1101.22,-1244.63 1094.99,-1243.37 1095.56,-1247.53"/>
 </g>
 <!-- src/app/features/events/models/event.ts&#45;&gt;src/app/core/models/person.model.ts -->
-<g id="edge145" class="edge">
+<g id="edge152" class="edge">
 <title>src/app/features/events/models/event.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1152.26,-3750.01C1156.38,-3892.07 1208.58,-5666.86 1246.5,-5703 1297.34,-5751.45 1353.25,-5751.01 1404.5,-5703 1527.68,-5587.6 1604.49,-2786.64 1610.6,-2556.07"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1612.71,-2556.05 1610.77,-2550 1608.51,-2555.94 1612.71,-2556.05"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1161.54,-5621.77C1200.09,-5583.78 1345.14,-5434.25 1404.5,-5279 1609.53,-4742.74 1631.69,-2778.79 1633.38,-2586.22"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1635.48,-2586.14 1633.43,-2580.12 1631.28,-2586.11 1635.48,-2586.14"/>
 </g>
 <!-- src/app/features/events/models/event.ts&#45;&gt;src/app/core/models/location.model.ts -->
-<g id="edge144" class="edge">
+<g id="edge151" class="edge">
 <title>src/app/features/events/models/event.ts&#45;&gt;src/app/core/models/location.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1152.35,-3750.2C1157.88,-3895.23 1227.33,-5706.73 1246.5,-5725 1297.32,-5773.46 1350.71,-5770.14 1404.5,-5725 1662.74,-5508.27 1711.57,-2815.72 1715.26,-2586.53"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1717.37,-2586.24 1715.36,-2580.2 1713.17,-2586.17 1717.37,-2586.24"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1167.66,-5621.9C1212.26,-5595.14 1340.81,-5511.95 1404.5,-5407 1551.41,-5164.91 1512.28,-5068.21 1559.5,-4789 1711.63,-3889.5 1750.59,-2760.66 1755.04,-2616.41"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1757.15,-2616.35 1755.23,-2610.28 1752.95,-2616.22 1757.15,-2616.35"/>
 </g>
 <!-- src/app/features/events/models/event.ts&#45;&gt;src/app/features/groups/models/group.ts -->
-<g id="edge143" class="edge">
+<g id="edge150" class="edge">
 <title>src/app/features/events/models/event.ts&#45;&gt;src/app/features/groups/models/group.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1152.81,-3750.01C1164.84,-3884.23 1307.57,-5476.17 1323.13,-5649.68"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1321.05,-5650.08 1323.68,-5655.87 1325.24,-5649.71 1321.05,-5650.08"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1159.56,-5621.94C1175.3,-5602.66 1211.95,-5555.69 1233.5,-5511 1281.87,-5410.71 1312.05,-5278.81 1321.39,-5234.37"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1323.45,-5234.76 1322.62,-5228.46 1319.34,-5233.9 1323.45,-5234.76"/>
 </g>
 <!-- src/app/core/services/focus&#45;tracking.service.spec.ts -->
-<g id="node68" class="node">
+<g id="node70" class="node">
 <title>src/app/core/services/focus&#45;tracking.service.spec.ts</title>
-<g id="a_node68"><a xlink:href="src/app/core/services/focus-tracking.service.spec.ts" xlink:title="focus&#45;tracking.service.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1220.5,-2220C1220.5,-2220 1081.5,-2220 1081.5,-2220 1078.5,-2220 1075.5,-2217 1075.5,-2214 1075.5,-2214 1075.5,-2208 1075.5,-2208 1075.5,-2205 1078.5,-2202 1081.5,-2202 1081.5,-2202 1220.5,-2202 1220.5,-2202 1223.5,-2202 1226.5,-2205 1226.5,-2208 1226.5,-2208 1226.5,-2214 1226.5,-2214 1226.5,-2217 1223.5,-2220 1220.5,-2220"/>
-<text text-anchor="start" x="1083.5" y="-2208.8" font-family="Helvetica,sans-Serif" font-size="9.00">focus&#45;tracking.service.spec.ts</text>
+<g id="a_node70"><a xlink:href="src/app/core/services/focus-tracking.service.spec.ts" xlink:title="focus&#45;tracking.service.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M1220.5,-2250C1220.5,-2250 1081.5,-2250 1081.5,-2250 1078.5,-2250 1075.5,-2247 1075.5,-2244 1075.5,-2244 1075.5,-2238 1075.5,-2238 1075.5,-2235 1078.5,-2232 1081.5,-2232 1081.5,-2232 1220.5,-2232 1220.5,-2232 1223.5,-2232 1226.5,-2235 1226.5,-2238 1226.5,-2238 1226.5,-2244 1226.5,-2244 1226.5,-2247 1223.5,-2250 1220.5,-2250"/>
+<text text-anchor="start" x="1083.5" y="-2238.8" font-family="Helvetica,sans-Serif" font-size="9.00">focus&#45;tracking.service.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/focus&#45;tracking.service.ts -->
-<g id="node69" class="node">
+<g id="node71" class="node">
 <title>src/app/core/services/focus&#45;tracking.service.ts</title>
-<g id="a_node69"><a xlink:href="src/app/core/services/focus-tracking.service.ts" xlink:title="focus&#45;tracking.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1383,-2190C1383,-2190 1268,-2190 1268,-2190 1265,-2190 1262,-2187 1262,-2184 1262,-2184 1262,-2178 1262,-2178 1262,-2175 1265,-2172 1268,-2172 1268,-2172 1383,-2172 1383,-2172 1386,-2172 1389,-2175 1389,-2178 1389,-2178 1389,-2184 1389,-2184 1389,-2187 1386,-2190 1383,-2190"/>
-<text text-anchor="start" x="1270" y="-2178.8" font-family="Helvetica,sans-Serif" font-size="9.00">focus&#45;tracking.service.ts</text>
+<g id="a_node71"><a xlink:href="src/app/core/services/focus-tracking.service.ts" xlink:title="focus&#45;tracking.service.ts">
+<path fill="#ddfeff" stroke="black" d="M1383,-2250C1383,-2250 1268,-2250 1268,-2250 1265,-2250 1262,-2247 1262,-2244 1262,-2244 1262,-2238 1262,-2238 1262,-2235 1265,-2232 1268,-2232 1268,-2232 1383,-2232 1383,-2232 1386,-2232 1389,-2235 1389,-2238 1389,-2238 1389,-2244 1389,-2244 1389,-2247 1386,-2250 1383,-2250"/>
+<text text-anchor="start" x="1270" y="-2238.8" font-family="Helvetica,sans-Serif" font-size="9.00">focus&#45;tracking.service.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/focus&#45;tracking.service.spec.ts&#45;&gt;src/app/core/services/focus&#45;tracking.service.ts -->
-<g id="edge77" class="edge">
+<g id="edge79" class="edge">
 <title>src/app/core/services/focus&#45;tracking.service.spec.ts&#45;&gt;src/app/core/services/focus&#45;tracking.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1203.76,-2202C1223.54,-2198.56 1246.22,-2194.61 1266.54,-2191.08"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1266.93,-2193.14 1272.48,-2190.05 1266.21,-2189.01 1266.93,-2193.14"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1226.66,-2241C1236.29,-2241 1246.13,-2241 1255.66,-2241"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.88,-2243.1 1261.88,-2241 1255.88,-2238.9 1255.88,-2243.1"/>
 </g>
 <!-- src/app/core/services/group.service.spec.ts -->
-<g id="node70" class="node">
+<g id="node72" class="node">
 <title>src/app/core/services/group.service.spec.ts</title>
-<g id="a_node70"><a xlink:href="src/app/core/services/group.service.spec.ts" xlink:title="group.service.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1376,-2490C1376,-2490 1275,-2490 1275,-2490 1272,-2490 1269,-2487 1269,-2484 1269,-2484 1269,-2478 1269,-2478 1269,-2475 1272,-2472 1275,-2472 1275,-2472 1376,-2472 1376,-2472 1379,-2472 1382,-2475 1382,-2478 1382,-2478 1382,-2484 1382,-2484 1382,-2487 1379,-2490 1376,-2490"/>
-<text text-anchor="start" x="1277" y="-2478.8" font-family="Helvetica,sans-Serif" font-size="9.00">group.service.spec.ts</text>
+<g id="a_node72"><a xlink:href="src/app/core/services/group.service.spec.ts" xlink:title="group.service.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M1376,-2310C1376,-2310 1275,-2310 1275,-2310 1272,-2310 1269,-2307 1269,-2304 1269,-2304 1269,-2298 1269,-2298 1269,-2295 1272,-2292 1275,-2292 1275,-2292 1376,-2292 1376,-2292 1379,-2292 1382,-2295 1382,-2298 1382,-2298 1382,-2304 1382,-2304 1382,-2307 1379,-2310 1376,-2310"/>
+<text text-anchor="start" x="1277" y="-2298.8" font-family="Helvetica,sans-Serif" font-size="9.00">group.service.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/group.service.spec.ts&#45;&gt;src/app/core/services/group.service.ts -->
-<g id="edge78" class="edge">
+<g id="edge80" class="edge">
 <title>src/app/core/services/group.service.spec.ts&#45;&gt;src/app/core/services/group.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1382.29,-2475.67C1398.95,-2474.08 1417.09,-2472.35 1433.35,-2470.79"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1433.95,-2472.84 1439.72,-2470.18 1433.55,-2468.66 1433.95,-2472.84"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1382.22,-2302.7C1390.66,-2305.33 1398.52,-2309.51 1404.5,-2316 1440.84,-2355.46 1381.82,-2395.94 1417.5,-2436 1421.99,-2441.04 1427.78,-2444.57 1434.07,-2447.02"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1433.61,-2449.08 1439.97,-2448.98 1434.93,-2445.09 1433.61,-2449.08"/>
+</g>
+<!-- src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
+<g id="edge162" class="edge">
+<title>src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1084.31,-5257.65C1075.08,-5254.08 1066.65,-5248.78 1060.5,-5241 1052.59,-5231 1052.98,-4335.74 1052.5,-4323 1030.31,-3733.01 967.8,-3009.29 957.84,-2896.17"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="959.93,-2895.93 957.31,-2890.14 955.75,-2896.3 959.93,-2895.93"/>
+</g>
+<!-- src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
+<g id="edge163" class="edge">
+<title>src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1084.04,-5260.07C1071.18,-5255.75 1060.47,-5248.1 1056.5,-5235 1053.81,-5226.1 1053.81,-2565.9 1056.5,-2557 1068.99,-2515.76 1108.47,-2481.42 1132.27,-2463.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1133.76,-2465.3 1137.38,-2460.07 1131.29,-2461.9 1133.76,-2465.3"/>
+</g>
+<!-- src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/features/groups/models/group.ts -->
+<g id="edge161" class="edge">
+<title>src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/features/groups/models/group.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1187.32,-5253.99C1217.97,-5246.17 1261.97,-5234.95 1291.82,-5227.34"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1292.66,-5229.29 1297.96,-5225.77 1291.63,-5225.22 1292.66,-5229.29"/>
 </g>
 <!-- src/app/core/services/language&#45;storage.service.spec.ts -->
-<g id="node72" class="node">
+<g id="node75" class="node">
 <title>src/app/core/services/language&#45;storage.service.spec.ts</title>
-<g id="a_node72"><a xlink:href="src/app/core/services/language-storage.service.spec.ts" xlink:title="language&#45;storage.service.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1227.5,-2370C1227.5,-2370 1074.5,-2370 1074.5,-2370 1071.5,-2370 1068.5,-2367 1068.5,-2364 1068.5,-2364 1068.5,-2358 1068.5,-2358 1068.5,-2355 1071.5,-2352 1074.5,-2352 1074.5,-2352 1227.5,-2352 1227.5,-2352 1230.5,-2352 1233.5,-2355 1233.5,-2358 1233.5,-2358 1233.5,-2364 1233.5,-2364 1233.5,-2367 1230.5,-2370 1227.5,-2370"/>
-<text text-anchor="start" x="1076.5" y="-2358.8" font-family="Helvetica,sans-Serif" font-size="9.00">language&#45;storage.service.spec.ts</text>
+<g id="a_node75"><a xlink:href="src/app/core/services/language-storage.service.spec.ts" xlink:title="language&#45;storage.service.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M1227.5,-2400C1227.5,-2400 1074.5,-2400 1074.5,-2400 1071.5,-2400 1068.5,-2397 1068.5,-2394 1068.5,-2394 1068.5,-2388 1068.5,-2388 1068.5,-2385 1071.5,-2382 1074.5,-2382 1074.5,-2382 1227.5,-2382 1227.5,-2382 1230.5,-2382 1233.5,-2385 1233.5,-2388 1233.5,-2388 1233.5,-2394 1233.5,-2394 1233.5,-2397 1230.5,-2400 1227.5,-2400"/>
+<text text-anchor="start" x="1076.5" y="-2388.8" font-family="Helvetica,sans-Serif" font-size="9.00">language&#45;storage.service.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/language&#45;storage.service.spec.ts&#45;&gt;src/app/core/services/language&#45;storage.service.ts -->
-<g id="edge80" class="edge">
+<g id="edge84" class="edge">
 <title>src/app/core/services/language&#45;storage.service.spec.ts&#45;&gt;src/app/core/services/language&#45;storage.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1224.44,-2370.13C1227.64,-2371.82 1230.69,-2373.76 1233.5,-2376 1244.87,-2385.05 1235.16,-2396.91 1246.5,-2406 1247.72,-2406.98 1248.99,-2407.91 1250.3,-2408.77"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1249.29,-2410.62 1255.52,-2411.86 1251.43,-2407 1249.29,-2410.62"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1226.1,-2400.17C1228.74,-2401.86 1231.23,-2403.8 1233.5,-2406 1253.09,-2424.99 1226.98,-2446.93 1246.5,-2466 1247.62,-2467.1 1248.8,-2468.12 1250.02,-2469.09"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1248.83,-2470.82 1254.96,-2472.5 1251.22,-2467.36 1248.83,-2470.82"/>
 </g>
 <!-- src/app/core/services/local&#45;storage&#45;ref.service.spec.ts -->
-<g id="node74" class="node">
+<g id="node77" class="node">
 <title>src/app/core/services/local&#45;storage&#45;ref.service.spec.ts</title>
-<g id="a_node74"><a xlink:href="src/app/core/services/local-storage-ref.service.spec.ts" xlink:title="local&#45;storage&#45;ref.service.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1398.5,-2310C1398.5,-2310 1252.5,-2310 1252.5,-2310 1249.5,-2310 1246.5,-2307 1246.5,-2304 1246.5,-2304 1246.5,-2298 1246.5,-2298 1246.5,-2295 1249.5,-2292 1252.5,-2292 1252.5,-2292 1398.5,-2292 1398.5,-2292 1401.5,-2292 1404.5,-2295 1404.5,-2298 1404.5,-2298 1404.5,-2304 1404.5,-2304 1404.5,-2307 1401.5,-2310 1398.5,-2310"/>
-<text text-anchor="start" x="1254.5" y="-2298.8" font-family="Helvetica,sans-Serif" font-size="9.00">local&#45;storage&#45;ref.service.spec.ts</text>
+<g id="a_node77"><a xlink:href="src/app/core/services/local-storage-ref.service.spec.ts" xlink:title="local&#45;storage&#45;ref.service.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M1398.5,-2280C1398.5,-2280 1252.5,-2280 1252.5,-2280 1249.5,-2280 1246.5,-2277 1246.5,-2274 1246.5,-2274 1246.5,-2268 1246.5,-2268 1246.5,-2265 1249.5,-2262 1252.5,-2262 1252.5,-2262 1398.5,-2262 1398.5,-2262 1401.5,-2262 1404.5,-2265 1404.5,-2268 1404.5,-2268 1404.5,-2274 1404.5,-2274 1404.5,-2277 1401.5,-2280 1398.5,-2280"/>
+<text text-anchor="start" x="1254.5" y="-2268.8" font-family="Helvetica,sans-Serif" font-size="9.00">local&#45;storage&#45;ref.service.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/local&#45;storage&#45;ref.service.spec.ts&#45;&gt;src/app/core/services/local&#45;storage&#45;ref.service.ts -->
-<g id="edge82" class="edge">
+<g id="edge86" class="edge">
 <title>src/app/core/services/local&#45;storage&#45;ref.service.spec.ts&#45;&gt;src/app/core/services/local&#45;storage&#45;ref.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1395.48,-2310.14C1398.67,-2311.81 1401.7,-2313.76 1404.5,-2316 1415.84,-2325.09 1406.32,-2336.72 1417.5,-2346 1418.73,-2347.02 1420.01,-2347.97 1421.34,-2348.86"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1420.43,-2350.76 1426.67,-2352 1422.56,-2347.14 1420.43,-2350.76"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1397.72,-2280.09C1400.17,-2281.81 1402.44,-2283.77 1404.5,-2286 1440.84,-2325.46 1381.82,-2365.94 1417.5,-2406 1418.13,-2406.71 1418.8,-2407.4 1419.48,-2408.05"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1418.34,-2409.82 1424.32,-2411.96 1420.97,-2406.56 1418.34,-2409.82"/>
 </g>
 <!-- src/app/core/services/news.service.spec.ts -->
-<g id="node75" class="node">
+<g id="node78" class="node">
 <title>src/app/core/services/news.service.spec.ts</title>
-<g id="a_node75"><a xlink:href="src/app/core/services/news.service.spec.ts" xlink:title="news.service.spec.ts">
+<g id="a_node78"><a xlink:href="src/app/core/services/news.service.spec.ts" xlink:title="news.service.spec.ts">
 <path fill="#ddfeff" stroke="black" d="M1200,-2310C1200,-2310 1102,-2310 1102,-2310 1099,-2310 1096,-2307 1096,-2304 1096,-2304 1096,-2298 1096,-2298 1096,-2295 1099,-2292 1102,-2292 1102,-2292 1200,-2292 1200,-2292 1203,-2292 1206,-2295 1206,-2298 1206,-2298 1206,-2304 1206,-2304 1206,-2307 1203,-2310 1200,-2310"/>
 <text text-anchor="start" x="1104" y="-2298.8" font-family="Helvetica,sans-Serif" font-size="9.00">news.service.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/news.service.ts -->
-<g id="node76" class="node">
+<g id="node79" class="node">
 <title>src/app/core/services/news.service.ts</title>
-<g id="a_node76"><a xlink:href="src/app/core/services/news.service.ts" xlink:title="news.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1362.5,-2340C1362.5,-2340 1288.5,-2340 1288.5,-2340 1285.5,-2340 1282.5,-2337 1282.5,-2334 1282.5,-2334 1282.5,-2328 1282.5,-2328 1282.5,-2325 1285.5,-2322 1288.5,-2322 1288.5,-2322 1362.5,-2322 1362.5,-2322 1365.5,-2322 1368.5,-2325 1368.5,-2328 1368.5,-2328 1368.5,-2334 1368.5,-2334 1368.5,-2337 1365.5,-2340 1362.5,-2340"/>
-<text text-anchor="start" x="1290.5" y="-2328.8" font-family="Helvetica,sans-Serif" font-size="9.00">news.service.ts</text>
+<g id="a_node79"><a xlink:href="src/app/core/services/news.service.ts" xlink:title="news.service.ts">
+<path fill="#ddfeff" stroke="black" d="M1362.5,-2400C1362.5,-2400 1288.5,-2400 1288.5,-2400 1285.5,-2400 1282.5,-2397 1282.5,-2394 1282.5,-2394 1282.5,-2388 1282.5,-2388 1282.5,-2385 1285.5,-2382 1288.5,-2382 1288.5,-2382 1362.5,-2382 1362.5,-2382 1365.5,-2382 1368.5,-2385 1368.5,-2388 1368.5,-2388 1368.5,-2394 1368.5,-2394 1368.5,-2397 1365.5,-2400 1362.5,-2400"/>
+<text text-anchor="start" x="1290.5" y="-2388.8" font-family="Helvetica,sans-Serif" font-size="9.00">news.service.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/news.service.spec.ts&#45;&gt;src/app/core/services/news.service.ts -->
-<g id="edge83" class="edge">
+<g id="edge87" class="edge">
 <title>src/app/core/services/news.service.spec.ts&#45;&gt;src/app/core/services/news.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1203.76,-2310C1226.8,-2314.01 1253.79,-2318.7 1276.39,-2322.63"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1276.07,-2324.71 1282.34,-2323.67 1276.79,-2320.57 1276.07,-2324.71"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1206.26,-2301.94C1216.36,-2304.45 1226.06,-2308.79 1233.5,-2316 1253.09,-2334.99 1226.98,-2356.93 1246.5,-2376 1254.49,-2383.81 1265.23,-2388.17 1276.19,-2390.5"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1276,-2392.6 1282.28,-2391.59 1276.74,-2388.46 1276,-2392.6"/>
+</g>
+<!-- src/app/core/services/news.service.ts&#45;&gt;src/app/core/interfaces/list&#45;service.interface.ts -->
+<g id="edge88" class="edge">
+<title>src/app/core/services/news.service.ts&#45;&gt;src/app/core/interfaces/list&#45;service.interface.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1368.72,-2390.41C1381.69,-2392.33 1395.03,-2396.75 1404.5,-2406 1424.02,-2425.07 1396.26,-2448.87 1417.5,-2466 1442.7,-2486.32 1531.75,-2472.51 1587.34,-2461.3"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1587.82,-2463.34 1593.28,-2460.08 1586.98,-2459.23 1587.82,-2463.34"/>
 </g>
 <!-- src/app/core/services/news.service.ts&#45;&gt;src/app/core/models/blog.model.ts -->
-<g id="edge84" class="edge">
+<g id="edge89" class="edge">
 <title>src/app/core/services/news.service.ts&#45;&gt;src/app/core/models/blog.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1368.76,-2329.49C1382.05,-2331.28 1395.58,-2335.85 1404.5,-2346 1435.38,-2381.11 1387.22,-2520.38 1417.5,-2556 1423.13,-2562.62 1431.01,-2566.67 1439.37,-2569.07"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1438.9,-2571.12 1445.22,-2570.49 1439.88,-2567.04 1438.9,-2571.12"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1368.6,-2389.64C1381.87,-2391.44 1395.43,-2395.98 1404.5,-2406 1425.92,-2429.66 1397.69,-2523.99 1417.5,-2549 1423.11,-2556.08 1431.06,-2560.9 1439.52,-2564.18"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1439.08,-2566.24 1445.44,-2566.21 1440.45,-2562.27 1439.08,-2566.24"/>
 </g>
 <!-- src/app/core/services/news.service.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts -->
-<g id="edge88" class="edge">
+<g id="edge94" class="edge">
 <title>src/app/core/services/news.service.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1282.44,-2329.26C1269,-2330.99 1255.34,-2335.59 1246.5,-2346 1211.76,-2386.93 1270.2,-2789.82 1233.5,-2829 1207.11,-2857.18 1086.78,-2816.71 1060.5,-2845 1044.13,-2862.63 1068.5,-3260.03 1052.5,-3278 1039.64,-3292.45 1018.96,-3296.54 1000.08,-3296.66"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="999.8,-3294.56 993.76,-3296.56 999.73,-3298.76 999.8,-3294.56"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1282.45,-2389.27C1269.01,-2391 1255.34,-2395.6 1246.5,-2406 1213.88,-2444.36 1267.96,-2822.28 1233.5,-2859 1207.08,-2887.15 1086.58,-2846.54 1060.5,-2875 1045.44,-2891.44 1067.21,-4463.25 1052.5,-4480 1039.74,-4494.53 1019.07,-4498.63 1000.17,-4498.74"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="999.88,-4496.63 993.85,-4498.63 999.81,-4500.83 999.88,-4496.63"/>
 </g>
 <!-- src/app/core/services/news.service.ts&#45;&gt;src/app/core/models/poll.model.ts -->
-<g id="edge85" class="edge">
+<g id="edge90" class="edge">
 <title>src/app/core/services/news.service.ts&#45;&gt;src/app/core/models/poll.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1368.69,-2329.56C1381.97,-2331.35 1395.51,-2335.91 1404.5,-2346 1430.15,-2374.78 1393.8,-2488.59 1417.5,-2519 1423.53,-2526.73 1432.36,-2531.77 1441.63,-2535.05"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.07,-2537.08 1447.43,-2536.87 1442.33,-2533.07 1441.07,-2537.08"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1368.76,-2389.49C1382.05,-2391.28 1395.58,-2395.85 1404.5,-2406 1435.38,-2441.11 1387.22,-2580.38 1417.5,-2616 1423.56,-2623.12 1432.22,-2627.27 1441.29,-2629.6"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1440.98,-2631.68 1447.29,-2630.88 1441.86,-2627.57 1440.98,-2631.68"/>
 </g>
 <!-- src/app/core/services/news.service.ts&#45;&gt;src/app/core/models/post.model.ts -->
-<g id="edge86" class="edge">
+<g id="edge91" class="edge">
 <title>src/app/core/services/news.service.ts&#45;&gt;src/app/core/models/post.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1368.81,-2329.45C1382.1,-2331.23 1395.61,-2335.82 1404.5,-2346 1439.62,-2386.24 1383.06,-2545.17 1417.5,-2586 1423.1,-2592.64 1430.97,-2596.7 1439.34,-2599.11"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1438.86,-2601.15 1445.18,-2600.52 1439.85,-2597.07 1438.86,-2601.15"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1368.7,-2389.54C1381.99,-2391.33 1395.52,-2395.9 1404.5,-2406 1431.14,-2435.98 1391.37,-2555.58 1417.5,-2586 1423.16,-2592.59 1431.06,-2596.63 1439.43,-2599.03"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1438.95,-2601.08 1445.27,-2600.45 1439.94,-2596.99 1438.95,-2601.08"/>
 </g>
 <!-- src/app/core/services/news.service.ts&#45;&gt;src/app/core/services/people.service.ts -->
-<g id="edge87" class="edge">
+<g id="edge92" class="edge">
 <title>src/app/core/services/news.service.ts&#45;&gt;src/app/core/services/people.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1368.57,-2331C1388.17,-2331 1411.65,-2331 1432.27,-2331"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1432.28,-2333.1 1438.28,-2331 1432.28,-2328.9 1432.28,-2333.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1368.57,-2391C1388.17,-2391 1411.65,-2391 1432.27,-2391"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1432.28,-2393.1 1438.28,-2391 1432.28,-2388.9 1432.28,-2393.1"/>
+</g>
+<!-- src/app/core/services/news.service.ts&#45;&gt;src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts -->
+<g id="edge93" class="edge">
+<title>src/app/core/services/news.service.ts&#45;&gt;src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1282.24,-2392.5C1268.95,-2390.72 1255.43,-2386.14 1246.5,-2376 1216.05,-2341.4 1267.1,-2200.55 1233.5,-2169 1205.48,-2142.68 1098.84,-2166.13 1060.5,-2169 1057.71,-2169.21 862.83,-2196.88 861,-2199 839.94,-2223.37 874.16,-4493.72 853,-4518 847.06,-4524.82 839.31,-4529.27 830.82,-4532.07"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="830.05,-4530.11 824.85,-4533.75 831.19,-4534.15 830.05,-4530.11"/>
+</g>
+<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
+<g id="edge226" class="edge">
+<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.84,-4533.75C835.63,-4531.2 845.68,-4526.39 853,-4518 872.07,-4496.13 840.44,-2449.48 861,-2429 876.07,-2413.98 1032.58,-2421.52 1052.5,-2429 1056.92,-2430.66 1056.23,-2433.98 1060.5,-2436 1068.79,-2439.93 1077.94,-2442.85 1087.14,-2445.01"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.86,-2447.1 1093.17,-2446.32 1087.76,-2443 1086.86,-2447.1"/>
+</g>
+<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/blog.model.ts -->
+<g id="edge223" class="edge">
+<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/blog.model.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.85,-4533.76C835.63,-4531.2 845.69,-4526.39 853,-4518 864.64,-4504.64 848.77,-1979.82 861,-1967 944.41,-1879.58 1324.44,-1891.51 1404.5,-1982 1425.38,-2005.6 1398.79,-2523.65 1417.5,-2549 1422.92,-2556.34 1430.89,-2561.27 1439.44,-2564.56"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1439.06,-2566.65 1445.42,-2566.59 1440.41,-2562.67 1439.06,-2566.65"/>
+</g>
+<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts -->
+<g id="edge222" class="edge">
+<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.98,-4522.81C834.4,-4521.36 843.97,-4519.74 853,-4518 873.65,-4514.01 896.41,-4508.51 915.13,-4503.68"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="916.04,-4505.61 921.32,-4502.07 914.98,-4501.55 916.04,-4505.61"/>
+</g>
+<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/poll.model.ts -->
+<g id="edge224" class="edge">
+<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/poll.model.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.85,-4533.76C835.63,-4531.2 845.69,-4526.39 853,-4518 863.9,-4505.49 849.25,-2140.71 861,-2129 932.19,-2058.05 1328.78,-2080.42 1404.5,-2161 1439.14,-2197.86 1385.39,-2576.93 1417.5,-2616 1423.5,-2623.3 1432.24,-2627.49 1441.4,-2629.81"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.16,-2631.91 1447.47,-2631.08 1442.02,-2627.79 1441.16,-2631.91"/>
+</g>
+<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/post.model.ts -->
+<g id="edge225" class="edge">
+<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/post.model.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.85,-4533.76C835.63,-4531.2 845.69,-4526.39 853,-4518 864.11,-4505.25 849.02,-2094.94 861,-2083 1032.16,-1912.4 1239.41,-1922.53 1404.5,-2099 1441.48,-2138.53 1383.17,-2544.15 1417.5,-2586 1423.07,-2592.79 1431.02,-2596.9 1439.47,-2599.3"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1439.06,-2601.36 1445.39,-2600.71 1440.04,-2597.28 1439.06,-2601.36"/>
+</g>
+<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts -->
+<g id="edge227" class="edge">
+<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.85,-4533.76C835.63,-4531.2 845.69,-4526.39 853,-4518 865.24,-4503.95 850.79,-1850.58 861,-1835 911.95,-1757.27 1000.94,-1828.33 1052.5,-1751 1065.69,-1731.21 1044.97,-1341.01 1060.5,-1323 1066.66,-1315.86 1074.84,-1311.23 1083.75,-1308.34"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1084.48,-1310.32 1089.7,-1306.69 1083.35,-1306.27 1084.48,-1310.32"/>
 </g>
 <!-- src/app/core/services/people.service.spec.ts -->
-<g id="node77" class="node">
+<g id="node81" class="node">
 <title>src/app/core/services/people.service.spec.ts</title>
-<g id="a_node77"><a xlink:href="src/app/core/services/people.service.spec.ts" xlink:title="people.service.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1377.5,-2250C1377.5,-2250 1273.5,-2250 1273.5,-2250 1270.5,-2250 1267.5,-2247 1267.5,-2244 1267.5,-2244 1267.5,-2238 1267.5,-2238 1267.5,-2235 1270.5,-2232 1273.5,-2232 1273.5,-2232 1377.5,-2232 1377.5,-2232 1380.5,-2232 1383.5,-2235 1383.5,-2238 1383.5,-2238 1383.5,-2244 1383.5,-2244 1383.5,-2247 1380.5,-2250 1377.5,-2250"/>
-<text text-anchor="start" x="1275.5" y="-2238.8" font-family="Helvetica,sans-Serif" font-size="9.00">people.service.spec.ts</text>
+<g id="a_node81"><a xlink:href="src/app/core/services/people.service.spec.ts" xlink:title="people.service.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M1377.5,-2370C1377.5,-2370 1273.5,-2370 1273.5,-2370 1270.5,-2370 1267.5,-2367 1267.5,-2364 1267.5,-2364 1267.5,-2358 1267.5,-2358 1267.5,-2355 1270.5,-2352 1273.5,-2352 1273.5,-2352 1377.5,-2352 1377.5,-2352 1380.5,-2352 1383.5,-2355 1383.5,-2358 1383.5,-2358 1383.5,-2364 1383.5,-2364 1383.5,-2367 1380.5,-2370 1377.5,-2370"/>
+<text text-anchor="start" x="1275.5" y="-2358.8" font-family="Helvetica,sans-Serif" font-size="9.00">people.service.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/people.service.spec.ts&#45;&gt;src/app/core/services/people.service.ts -->
-<g id="edge89" class="edge">
+<g id="edge95" class="edge">
 <title>src/app/core/services/people.service.spec.ts&#45;&gt;src/app/core/services/people.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1383.59,-2248.04C1390.85,-2250.06 1398,-2252.66 1404.5,-2256 1433.46,-2270.88 1459.2,-2299.68 1472.95,-2316.93"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1471.48,-2318.45 1476.83,-2321.89 1474.79,-2315.87 1471.48,-2318.45"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1373.61,-2370C1392.03,-2373.52 1413.21,-2377.57 1432.03,-2381.16"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1432.03,-2383.3 1438.31,-2382.37 1432.82,-2379.18 1432.03,-2383.3"/>
+</g>
+<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
+<g id="edge249" class="edge">
+<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.07,-4867.07C836.98,-4864.4 846.15,-4859.73 853,-4852 860.61,-4843.41 860.55,-4450.47 861,-4439 886.36,-3799.91 944.44,-3014.84 953.35,-2896.28"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="955.44,-2896.42 953.8,-2890.28 951.25,-2896.11 955.44,-2896.42"/>
+</g>
+<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
+<g id="edge251" class="edge">
+<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.18,-4867.16C837.08,-4864.49 846.22,-4859.78 853,-4852 863.99,-4839.39 849.15,-2454.81 861,-2443 876.61,-2427.44 1006.89,-2437 1087.11,-2444.54"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.1,-2446.64 1093.27,-2445.12 1087.5,-2442.46 1087.1,-2446.64"/>
+</g>
+<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/models/person.model.ts -->
+<g id="edge250" class="edge">
+<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/models/person.model.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.18,-4867.17C837.08,-4864.49 846.22,-4859.78 853,-4852 866.21,-4836.83 850.17,-1971.95 861,-1955 928.13,-1849.96 1297.25,-1752.46 1404.5,-1816 1527.88,-1889.1 1522.52,-1960.44 1559.5,-2099 1570.68,-2140.88 1552.67,-2448.27 1567.5,-2489 1577.7,-2517.01 1601.7,-2542.62 1617.77,-2557.51"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1616.62,-2559.31 1622.48,-2561.78 1619.44,-2556.2 1616.62,-2559.31"/>
+</g>
+<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts -->
+<g id="edge252" class="edge">
+<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.18,-4867.17C837.08,-4864.49 846.22,-4859.78 853,-4852 866.7,-4836.27 848.31,-1865.55 861,-1849 914.66,-1779.01 998.34,-1866.6 1052.5,-1797 1068.67,-1776.21 1043.32,-1342.96 1060.5,-1323 1066.66,-1315.85 1074.83,-1311.22 1083.74,-1308.33"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1084.47,-1310.31 1089.69,-1306.67 1083.34,-1306.26 1084.47,-1310.31"/>
+</g>
+<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts -->
+<g id="edge253" class="edge">
+<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.18,-4867.17C837.08,-4864.49 846.22,-4859.79 853,-4852 866.95,-4835.99 847.71,-1810.56 861,-1794 915.6,-1725.97 997.44,-1818.65 1052.5,-1751 1069.62,-1729.97 1042.81,-1283.55 1060.5,-1263 1069.23,-1252.85 1082.03,-1247.79 1095.23,-1245.55"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.66,-1247.61 1101.31,-1244.71 1095.08,-1243.45 1095.66,-1247.61"/>
 </g>
 <!-- src/app/core/services/session&#45;storage.service.spec.ts -->
-<g id="node78" class="node">
+<g id="node83" class="node">
 <title>src/app/core/services/session&#45;storage.service.spec.ts</title>
-<g id="a_node78"><a xlink:href="src/app/core/services/session-storage.service.spec.ts" xlink:title="session&#45;storage.service.spec.ts">
+<g id="a_node83"><a xlink:href="src/app/core/services/session-storage.service.spec.ts" xlink:title="session&#45;storage.service.spec.ts">
 <path fill="#ddfeff" stroke="black" d="M1222.5,-2340C1222.5,-2340 1079.5,-2340 1079.5,-2340 1076.5,-2340 1073.5,-2337 1073.5,-2334 1073.5,-2334 1073.5,-2328 1073.5,-2328 1073.5,-2325 1076.5,-2322 1079.5,-2322 1079.5,-2322 1222.5,-2322 1222.5,-2322 1225.5,-2322 1228.5,-2325 1228.5,-2328 1228.5,-2328 1228.5,-2334 1228.5,-2334 1228.5,-2337 1225.5,-2340 1222.5,-2340"/>
 <text text-anchor="start" x="1081.5" y="-2328.8" font-family="Helvetica,sans-Serif" font-size="9.00">session&#45;storage.service.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/session&#45;storage.service.spec.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts -->
-<g id="edge92" class="edge">
+<g id="edge100" class="edge">
 <title>src/app/core/services/session&#45;storage.service.spec.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1203.76,-2340C1223.54,-2343.44 1246.22,-2347.39 1266.54,-2350.92"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1266.21,-2352.99 1272.48,-2351.95 1266.93,-2348.86 1266.21,-2352.99"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1226.1,-2340.17C1228.74,-2341.86 1231.23,-2343.8 1233.5,-2346 1253.09,-2364.99 1226.98,-2386.93 1246.5,-2406 1248.9,-2408.35 1251.56,-2410.39 1254.39,-2412.15"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1253.4,-2414 1259.67,-2415.04 1255.42,-2410.32 1253.4,-2414"/>
 </g>
 <!-- src/app/core/services/title.service.spec.ts -->
-<g id="node79" class="node">
+<g id="node84" class="node">
 <title>src/app/core/services/title.service.spec.ts</title>
-<g id="a_node79"><a xlink:href="src/app/core/services/title.service.spec.ts" xlink:title="title.service.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1197,-2190C1197,-2190 1105,-2190 1105,-2190 1102,-2190 1099,-2187 1099,-2184 1099,-2184 1099,-2178 1099,-2178 1099,-2175 1102,-2172 1105,-2172 1105,-2172 1197,-2172 1197,-2172 1200,-2172 1203,-2175 1203,-2178 1203,-2178 1203,-2184 1203,-2184 1203,-2187 1200,-2190 1197,-2190"/>
-<text text-anchor="start" x="1107" y="-2178.8" font-family="Helvetica,sans-Serif" font-size="9.00">title.service.spec.ts</text>
+<g id="a_node84"><a xlink:href="src/app/core/services/title.service.spec.ts" xlink:title="title.service.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M1197,-2370C1197,-2370 1105,-2370 1105,-2370 1102,-2370 1099,-2367 1099,-2364 1099,-2364 1099,-2358 1099,-2358 1099,-2355 1102,-2352 1105,-2352 1105,-2352 1197,-2352 1197,-2352 1200,-2352 1203,-2355 1203,-2358 1203,-2358 1203,-2364 1203,-2364 1203,-2367 1200,-2370 1197,-2370"/>
+<text text-anchor="start" x="1107" y="-2358.8" font-family="Helvetica,sans-Serif" font-size="9.00">title.service.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/core/services/title.service.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge94" class="edge">
+<g id="edge102" class="edge">
 <title>src/app/core/services/title.service.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1203.07,-2175.55C1213.3,-2173.71 1223.86,-2171.26 1233.5,-2168 1239.72,-2165.9 1240.69,-2164.05 1246.5,-2161 1264.74,-2151.42 1285.5,-2140.78 1301.01,-2132.89"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1302.08,-2134.7 1306.48,-2130.11 1300.18,-2130.96 1302.08,-2134.7"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1203.1,-2361.55C1214.52,-2359.2 1225.59,-2354.56 1233.5,-2346 1252.46,-2325.49 1230.72,-2244.05 1246.5,-2221 1255.61,-2207.7 1270.53,-2198.55 1284.9,-2192.41"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1285.81,-2194.31 1290.58,-2190.11 1284.23,-2190.41 1285.81,-2194.31"/>
 </g>
 <!-- src/app/core/services/title.service.spec.ts&#45;&gt;src/app/core/services/title.service.ts -->
-<g id="edge95" class="edge">
+<g id="edge103" class="edge">
 <title>src/app/core/services/title.service.spec.ts&#45;&gt;src/app/core/services/title.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1203.29,-2180.28C1214.71,-2182.63 1225.72,-2187.32 1233.5,-2196 1260.26,-2225.87 1219.86,-2346.02 1246.5,-2376 1254.77,-2385.3 1266.89,-2389.91 1279.14,-2391.98"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1278.91,-2394.07 1285.14,-2392.8 1279.48,-2389.9 1278.91,-2394.07"/>
-</g>
-<!-- src/app/core/services/user.service.spec.ts -->
-<g id="node81" class="node">
-<title>src/app/core/services/user.service.spec.ts</title>
-<g id="a_node81"><a xlink:href="src/app/core/services/user.service.spec.ts" xlink:title="user.service.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1197.5,-2250C1197.5,-2250 1104.5,-2250 1104.5,-2250 1101.5,-2250 1098.5,-2247 1098.5,-2244 1098.5,-2244 1098.5,-2238 1098.5,-2238 1098.5,-2235 1101.5,-2232 1104.5,-2232 1104.5,-2232 1197.5,-2232 1197.5,-2232 1200.5,-2232 1203.5,-2235 1203.5,-2238 1203.5,-2238 1203.5,-2244 1203.5,-2244 1203.5,-2247 1200.5,-2250 1197.5,-2250"/>
-<text text-anchor="start" x="1106.5" y="-2238.8" font-family="Helvetica,sans-Serif" font-size="9.00">user.service.spec.ts</text>
-</a>
-</g>
-</g>
-<!-- src/app/core/services/user.service.ts -->
-<g id="node82" class="node">
-<title>src/app/core/services/user.service.ts</title>
-<g id="a_node82"><a xlink:href="src/app/core/services/user.service.ts" xlink:title="user.service.ts">
-<path fill="#ddfeff" stroke="black" d="M1360,-2220C1360,-2220 1291,-2220 1291,-2220 1288,-2220 1285,-2217 1285,-2214 1285,-2214 1285,-2208 1285,-2208 1285,-2205 1288,-2202 1291,-2202 1291,-2202 1360,-2202 1360,-2202 1363,-2202 1366,-2205 1366,-2208 1366,-2208 1366,-2214 1366,-2214 1366,-2217 1363,-2220 1360,-2220"/>
-<text text-anchor="start" x="1293" y="-2208.8" font-family="Helvetica,sans-Serif" font-size="9.00">user.service.ts</text>
-</a>
-</g>
-</g>
-<!-- src/app/core/services/user.service.spec.ts&#45;&gt;src/app/core/services/user.service.ts -->
-<g id="edge97" class="edge">
-<title>src/app/core/services/user.service.spec.ts&#45;&gt;src/app/core/services/user.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1203.76,-2232C1227.62,-2227.85 1255.71,-2222.96 1278.79,-2218.95"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1279.3,-2220.99 1284.85,-2217.9 1278.58,-2216.86 1279.3,-2220.99"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1203.3,-2361.25C1214.45,-2363.63 1225.34,-2368.09 1233.5,-2376 1253.09,-2394.99 1226.98,-2416.93 1246.5,-2436 1255.15,-2444.45 1267.03,-2448.87 1278.91,-2451.03"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1278.86,-2453.15 1285.11,-2451.97 1279.49,-2449 1278.86,-2453.15"/>
 </g>
 <!-- src/app/features/about/about&#45;routing.module.ts&#45;&gt;src/app/features/about/about.component.ts -->
-<g id="edge98" class="edge">
+<g id="edge105" class="edge">
 <title>src/app/features/about/about&#45;routing.module.ts&#45;&gt;src/app/features/about/about.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.61,-5562C643.43,-5565.84 673.47,-5570.3 699.2,-5574.12"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.06,-5576.22 705.3,-5575.02 699.67,-5572.07 699.06,-5576.22"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.53,-5971C644.85,-5971 673.95,-5971 699.01,-5971"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.28,-5973.1 705.28,-5971 699.28,-5968.9 699.28,-5973.1"/>
 </g>
 <!-- src/app/features/about/about.component.spec.ts -->
-<g id="node85" class="node">
+<g id="node88" class="node">
 <title>src/app/features/about/about.component.spec.ts</title>
-<g id="a_node85"><a xlink:href="src/app/features/about/about.component.spec.ts" xlink:title="about.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M616.5,-5592C616.5,-5592 495.5,-5592 495.5,-5592 492.5,-5592 489.5,-5589 489.5,-5586 489.5,-5586 489.5,-5580 489.5,-5580 489.5,-5577 492.5,-5574 495.5,-5574 495.5,-5574 616.5,-5574 616.5,-5574 619.5,-5574 622.5,-5577 622.5,-5580 622.5,-5580 622.5,-5586 622.5,-5586 622.5,-5589 619.5,-5592 616.5,-5592"/>
-<text text-anchor="start" x="497.5" y="-5580.8" font-family="Helvetica,sans-Serif" font-size="9.00">about.component.spec.ts</text>
+<g id="a_node88"><a xlink:href="src/app/features/about/about.component.spec.ts" xlink:title="about.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M616.5,-6010C616.5,-6010 495.5,-6010 495.5,-6010 492.5,-6010 489.5,-6007 489.5,-6004 489.5,-6004 489.5,-5998 489.5,-5998 489.5,-5995 492.5,-5992 495.5,-5992 495.5,-5992 616.5,-5992 616.5,-5992 619.5,-5992 622.5,-5995 622.5,-5998 622.5,-5998 622.5,-6004 622.5,-6004 622.5,-6007 619.5,-6010 616.5,-6010"/>
+<text text-anchor="start" x="497.5" y="-5998.8" font-family="Helvetica,sans-Serif" font-size="9.00">about.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/about/about.component.spec.ts&#45;&gt;src/app/features/about/about.component.ts -->
-<g id="edge99" class="edge">
+<g id="edge106" class="edge">
 <title>src/app/features/about/about.component.spec.ts&#45;&gt;src/app/features/about/about.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M622.58,-5583C647.22,-5583 675.08,-5583 699.17,-5583"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.21,-5585.1 705.21,-5583 699.21,-5580.9 699.21,-5585.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M606.18,-5991.97C615.76,-5990.09 625.71,-5988.05 635,-5986 638.58,-5985.21 639.39,-5984.65 643,-5984 661.19,-5980.72 681.14,-5978.13 699.28,-5976.15"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.62,-5978.23 705.36,-5975.5 699.18,-5974.05 699.62,-5978.23"/>
 </g>
 <!-- src/app/features/blog/blog.component.ts -->
-<g id="node87" class="node">
+<g id="node90" class="node">
 <title>src/app/features/blog/blog.component.ts</title>
-<g id="a_node87"><a xlink:href="src/app/features/blog/blog.component.ts" xlink:title="blog.component.ts">
-<path fill="#ddfeff" stroke="black" d="M805,-5487C805,-5487 715,-5487 715,-5487 712,-5487 709,-5484 709,-5481 709,-5481 709,-5475 709,-5475 709,-5472 712,-5469 715,-5469 715,-5469 805,-5469 805,-5469 808,-5469 811,-5472 811,-5475 811,-5475 811,-5481 811,-5481 811,-5484 808,-5487 805,-5487"/>
-<text text-anchor="start" x="717" y="-5475.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog.component.ts</text>
+<g id="a_node90"><a xlink:href="src/app/features/blog/blog.component.ts" xlink:title="blog.component.ts">
+<path fill="#ddfeff" stroke="black" d="M805,-5557C805,-5557 715,-5557 715,-5557 712,-5557 709,-5554 709,-5551 709,-5551 709,-5545 709,-5545 709,-5542 712,-5539 715,-5539 715,-5539 805,-5539 805,-5539 808,-5539 811,-5542 811,-5545 811,-5545 811,-5551 811,-5551 811,-5554 808,-5557 805,-5557"/>
+<text text-anchor="start" x="717" y="-5545.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/blog/blog&#45;routing.module.ts&#45;&gt;src/app/features/blog/blog.component.ts -->
-<g id="edge103" class="edge">
+<g id="edge110" class="edge">
 <title>src/app/features/blog/blog&#45;routing.module.ts&#45;&gt;src/app/features/blog/blog.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M616.24,-5467.4C643.62,-5469.43 675.98,-5471.83 702.95,-5473.84"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="702.84,-5475.94 708.98,-5474.29 703.15,-5471.75 702.84,-5475.94"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M616.24,-5558.6C643.62,-5556.57 675.98,-5554.17 702.95,-5552.16"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="703.15,-5554.25 708.98,-5551.71 702.84,-5550.06 703.15,-5554.25"/>
 </g>
 <!-- src/app/features/blog/blog.component.spec.ts -->
-<g id="node88" class="node">
+<g id="node91" class="node">
 <title>src/app/features/blog/blog.component.spec.ts</title>
-<g id="a_node88"><a xlink:href="src/app/features/blog/blog.component.spec.ts" xlink:title="blog.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M613,-5502C613,-5502 499,-5502 499,-5502 496,-5502 493,-5499 493,-5496 493,-5496 493,-5490 493,-5490 493,-5487 496,-5484 499,-5484 499,-5484 613,-5484 613,-5484 616,-5484 619,-5487 619,-5490 619,-5490 619,-5496 619,-5496 619,-5499 616,-5502 613,-5502"/>
-<text text-anchor="start" x="501" y="-5490.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog.component.spec.ts</text>
+<g id="a_node91"><a xlink:href="src/app/features/blog/blog.component.spec.ts" xlink:title="blog.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M613,-5542C613,-5542 499,-5542 499,-5542 496,-5542 493,-5539 493,-5536 493,-5536 493,-5530 493,-5530 493,-5527 496,-5524 499,-5524 499,-5524 613,-5524 613,-5524 616,-5524 619,-5527 619,-5530 619,-5530 619,-5536 619,-5536 619,-5539 616,-5542 613,-5542"/>
+<text text-anchor="start" x="501" y="-5530.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/blog/blog.component.spec.ts&#45;&gt;src/app/features/blog/blog.component.ts -->
-<g id="edge104" class="edge">
+<g id="edge111" class="edge">
 <title>src/app/features/blog/blog.component.spec.ts&#45;&gt;src/app/features/blog/blog.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.25,-5488.38C645.87,-5486.4 676.72,-5484.11 702.65,-5482.18"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="702.96,-5484.27 708.78,-5481.73 702.64,-5480.08 702.96,-5484.27"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.25,-5537.62C645.87,-5539.6 676.72,-5541.89 702.65,-5543.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="702.64,-5545.92 708.78,-5544.27 702.96,-5541.73 702.64,-5545.92"/>
 </g>
 <!-- src/app/features/bookmarks/bookmarks.component.ts -->
-<g id="node90" class="node">
+<g id="node93" class="node">
 <title>src/app/features/bookmarks/bookmarks.component.ts</title>
-<g id="a_node90"><a xlink:href="src/app/features/bookmarks/bookmarks.component.ts" xlink:title="bookmarks.component.ts">
-<path fill="#ddfeff" stroke="black" d="M820,-5397C820,-5397 700,-5397 700,-5397 697,-5397 694,-5394 694,-5391 694,-5391 694,-5385 694,-5385 694,-5382 697,-5379 700,-5379 700,-5379 820,-5379 820,-5379 823,-5379 826,-5382 826,-5385 826,-5385 826,-5391 826,-5391 826,-5394 823,-5397 820,-5397"/>
-<text text-anchor="start" x="702" y="-5385.8" font-family="Helvetica,sans-Serif" font-size="9.00">bookmarks.component.ts</text>
+<g id="a_node93"><a xlink:href="src/app/features/bookmarks/bookmarks.component.ts" xlink:title="bookmarks.component.ts">
+<path fill="#ddfeff" stroke="black" d="M820,-5121C820,-5121 700,-5121 700,-5121 697,-5121 694,-5118 694,-5115 694,-5115 694,-5109 694,-5109 694,-5106 697,-5103 700,-5103 700,-5103 820,-5103 820,-5103 823,-5103 826,-5106 826,-5109 826,-5109 826,-5115 826,-5115 826,-5118 823,-5121 820,-5121"/>
+<text text-anchor="start" x="702" y="-5109.8" font-family="Helvetica,sans-Serif" font-size="9.00">bookmarks.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/bookmarks/bookmarks&#45;routing.module.ts&#45;&gt;src/app/features/bookmarks/bookmarks.component.ts -->
-<g id="edge107" class="edge">
+<g id="edge114" class="edge">
 <title>src/app/features/bookmarks/bookmarks&#45;routing.module.ts&#45;&gt;src/app/features/bookmarks/bookmarks.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M631.07,-5378.5C649.58,-5379.87 669.4,-5381.35 687.77,-5382.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="687.8,-5384.82 693.94,-5383.17 688.11,-5380.63 687.8,-5384.82"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M631.07,-5121.5C649.58,-5120.13 669.4,-5118.65 687.77,-5117.29"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="688.11,-5119.37 693.94,-5116.83 687.8,-5115.18 688.11,-5119.37"/>
 </g>
 <!-- src/app/features/bookmarks/bookmarks.component.spec.ts -->
-<g id="node91" class="node">
+<g id="node94" class="node">
 <title>src/app/features/bookmarks/bookmarks.component.spec.ts</title>
-<g id="a_node91"><a xlink:href="src/app/features/bookmarks/bookmarks.component.spec.ts" xlink:title="bookmarks.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M628,-5412C628,-5412 484,-5412 484,-5412 481,-5412 478,-5409 478,-5406 478,-5406 478,-5400 478,-5400 478,-5397 481,-5394 484,-5394 484,-5394 628,-5394 628,-5394 631,-5394 634,-5397 634,-5400 634,-5400 634,-5406 634,-5406 634,-5409 631,-5412 628,-5412"/>
-<text text-anchor="start" x="486" y="-5400.8" font-family="Helvetica,sans-Serif" font-size="9.00">bookmarks.component.spec.ts</text>
+<g id="a_node94"><a xlink:href="src/app/features/bookmarks/bookmarks.component.spec.ts" xlink:title="bookmarks.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M628,-5106C628,-5106 484,-5106 484,-5106 481,-5106 478,-5103 478,-5100 478,-5100 478,-5094 478,-5094 478,-5091 481,-5088 484,-5088 484,-5088 628,-5088 628,-5088 631,-5088 634,-5091 634,-5094 634,-5094 634,-5100 634,-5100 634,-5103 631,-5106 628,-5106"/>
+<text text-anchor="start" x="486" y="-5094.8" font-family="Helvetica,sans-Serif" font-size="9.00">bookmarks.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/bookmarks/bookmarks.component.spec.ts&#45;&gt;src/app/features/bookmarks/bookmarks.component.ts -->
-<g id="edge108" class="edge">
+<g id="edge115" class="edge">
 <title>src/app/features/bookmarks/bookmarks.component.spec.ts&#45;&gt;src/app/features/bookmarks/bookmarks.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M634.23,-5397.26C651.79,-5395.96 670.36,-5394.58 687.66,-5393.3"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="688.15,-5395.37 693.97,-5392.83 687.84,-5391.18 688.15,-5395.37"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M634.23,-5102.74C651.79,-5104.04 670.36,-5105.42 687.66,-5106.7"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="687.84,-5108.82 693.97,-5107.17 688.15,-5104.63 687.84,-5108.82"/>
 </g>
 <!-- src/app/features/dashboard/dashboard.component.ts -->
-<g id="node93" class="node">
+<g id="node96" class="node">
 <title>src/app/features/dashboard/dashboard.component.ts</title>
-<g id="a_node93"><a xlink:href="src/app/features/dashboard/dashboard.component.ts" xlink:title="dashboard.component.ts">
-<path fill="#ddfeff" stroke="black" d="M819.5,-5037C819.5,-5037 700.5,-5037 700.5,-5037 697.5,-5037 694.5,-5034 694.5,-5031 694.5,-5031 694.5,-5025 694.5,-5025 694.5,-5022 697.5,-5019 700.5,-5019 700.5,-5019 819.5,-5019 819.5,-5019 822.5,-5019 825.5,-5022 825.5,-5025 825.5,-5025 825.5,-5031 825.5,-5031 825.5,-5034 822.5,-5037 819.5,-5037"/>
-<text text-anchor="start" x="702.5" y="-5025.8" font-family="Helvetica,sans-Serif" font-size="9.00">dashboard.component.ts</text>
+<g id="a_node96"><a xlink:href="src/app/features/dashboard/dashboard.component.ts" xlink:title="dashboard.component.ts">
+<path fill="#ddfeff" stroke="black" d="M819.5,-4727C819.5,-4727 700.5,-4727 700.5,-4727 697.5,-4727 694.5,-4724 694.5,-4721 694.5,-4721 694.5,-4715 694.5,-4715 694.5,-4712 697.5,-4709 700.5,-4709 700.5,-4709 819.5,-4709 819.5,-4709 822.5,-4709 825.5,-4712 825.5,-4715 825.5,-4715 825.5,-4721 825.5,-4721 825.5,-4724 822.5,-4727 819.5,-4727"/>
+<text text-anchor="start" x="702.5" y="-4715.8" font-family="Helvetica,sans-Serif" font-size="9.00">dashboard.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/dashboard/dashboard&#45;routing.module.ts&#45;&gt;src/app/features/dashboard/dashboard.component.ts -->
-<g id="edge111" class="edge">
+<g id="edge118" class="edge">
 <title>src/app/features/dashboard/dashboard&#45;routing.module.ts&#45;&gt;src/app/features/dashboard/dashboard.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M630.78,-5018.48C649.52,-5019.87 669.6,-5021.36 688.18,-5022.74"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="688.28,-5024.85 694.42,-5023.2 688.59,-5020.67 688.28,-5024.85"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M630.78,-4727.52C649.52,-4726.13 669.6,-4724.64 688.18,-4723.26"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="688.59,-4725.33 694.42,-4722.8 688.28,-4721.15 688.59,-4725.33"/>
 </g>
 <!-- src/app/features/dashboard/dashboard.component.spec.ts -->
-<g id="node94" class="node">
+<g id="node97" class="node">
 <title>src/app/features/dashboard/dashboard.component.spec.ts</title>
-<g id="a_node94"><a xlink:href="src/app/features/dashboard/dashboard.component.spec.ts" xlink:title="dashboard.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M627.5,-5052C627.5,-5052 484.5,-5052 484.5,-5052 481.5,-5052 478.5,-5049 478.5,-5046 478.5,-5046 478.5,-5040 478.5,-5040 478.5,-5037 481.5,-5034 484.5,-5034 484.5,-5034 627.5,-5034 627.5,-5034 630.5,-5034 633.5,-5037 633.5,-5040 633.5,-5040 633.5,-5046 633.5,-5046 633.5,-5049 630.5,-5052 627.5,-5052"/>
-<text text-anchor="start" x="486.5" y="-5040.8" font-family="Helvetica,sans-Serif" font-size="9.00">dashboard.component.spec.ts</text>
+<g id="a_node97"><a xlink:href="src/app/features/dashboard/dashboard.component.spec.ts" xlink:title="dashboard.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M627.5,-4712C627.5,-4712 484.5,-4712 484.5,-4712 481.5,-4712 478.5,-4709 478.5,-4706 478.5,-4706 478.5,-4700 478.5,-4700 478.5,-4697 481.5,-4694 484.5,-4694 484.5,-4694 627.5,-4694 627.5,-4694 630.5,-4694 633.5,-4697 633.5,-4700 633.5,-4700 633.5,-4706 633.5,-4706 633.5,-4709 630.5,-4712 627.5,-4712"/>
+<text text-anchor="start" x="486.5" y="-4700.8" font-family="Helvetica,sans-Serif" font-size="9.00">dashboard.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/dashboard/dashboard.component.spec.ts&#45;&gt;src/app/features/dashboard/dashboard.component.ts -->
-<g id="edge112" class="edge">
+<g id="edge119" class="edge">
 <title>src/app/features/dashboard/dashboard.component.spec.ts&#45;&gt;src/app/features/dashboard/dashboard.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M633.66,-5037.31C651.45,-5035.99 670.31,-5034.59 687.86,-5033.28"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="688.43,-5035.35 694.26,-5032.81 688.12,-5031.16 688.43,-5035.35"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M633.66,-4708.69C651.45,-4710.01 670.31,-4711.41 687.86,-4712.72"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="688.12,-4714.84 694.26,-4713.19 688.43,-4710.65 688.12,-4714.84"/>
 </g>
 <!-- src/app/features/events/components/event&#45;card/event&#45;card.component.spec.ts -->
-<g id="node95" class="node">
+<g id="node98" class="node">
 <title>src/app/features/events/components/event&#45;card/event&#45;card.component.spec.ts</title>
-<g id="a_node95"><a xlink:href="src/app/features/events/components/event-card/event-card.component.spec.ts" xlink:title="event&#45;card.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M831.5,-3630C831.5,-3630 688.5,-3630 688.5,-3630 685.5,-3630 682.5,-3627 682.5,-3624 682.5,-3624 682.5,-3618 682.5,-3618 682.5,-3615 685.5,-3612 688.5,-3612 688.5,-3612 831.5,-3612 831.5,-3612 834.5,-3612 837.5,-3615 837.5,-3618 837.5,-3618 837.5,-3624 837.5,-3624 837.5,-3627 834.5,-3630 831.5,-3630"/>
-<text text-anchor="start" x="690.5" y="-3618.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;card.component.spec.ts</text>
+<g id="a_node98"><a xlink:href="src/app/features/events/components/event-card/event-card.component.spec.ts" xlink:title="event&#45;card.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M831.5,-5648C831.5,-5648 688.5,-5648 688.5,-5648 685.5,-5648 682.5,-5645 682.5,-5642 682.5,-5642 682.5,-5636 682.5,-5636 682.5,-5633 685.5,-5630 688.5,-5630 688.5,-5630 831.5,-5630 831.5,-5630 834.5,-5630 837.5,-5633 837.5,-5636 837.5,-5636 837.5,-5642 837.5,-5642 837.5,-5645 834.5,-5648 831.5,-5648"/>
+<text text-anchor="start" x="690.5" y="-5636.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;card.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/events/components/event&#45;card/event&#45;card.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge116" class="edge">
+<g id="edge123" class="edge">
 <title>src/app/features/events/components/event&#45;card/event&#45;card.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M810.61,-3611.99C826.87,-3606.44 843.24,-3597.47 853,-3583 870.45,-3557.11 852.34,-2489 861,-2459 907.67,-2297.25 915.96,-2223.31 1060.5,-2137 1125.92,-2097.93 1217.47,-2102.79 1273.77,-2111.05"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1273.54,-2113.13 1279.78,-2111.96 1274.17,-2108.98 1273.54,-2113.13"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M811.13,-5629.85C827.23,-5624.29 843.37,-5615.35 853,-5601 865.16,-5582.87 853.96,-2477.67 861,-2457 907.99,-2319.14 931.88,-2265.35 1060.5,-2197 1124.96,-2162.75 1211.15,-2164.87 1267.24,-2171.39"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1267.04,-2173.48 1273.25,-2172.12 1267.55,-2169.31 1267.04,-2173.48"/>
 </g>
 <!-- src/app/features/events/components/event&#45;card/event&#45;card.component.spec.ts&#45;&gt;src/app/features/events/components/event&#45;card/event&#45;card.component.ts -->
-<g id="edge115" class="edge">
+<g id="edge122" class="edge">
 <title>src/app/features/events/components/event&#45;card/event&#45;card.component.spec.ts&#45;&gt;src/app/features/events/components/event&#45;card/event&#45;card.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M837.75,-3621C852.9,-3621 868.72,-3621 883.66,-3621"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="884,-3623.1 890,-3621 884,-3618.9 884,-3623.1"/>
-</g>
-<!-- src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
-<g id="edge118" class="edge">
-<title>src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M911.68,-3611.92C888.86,-3604.39 864.23,-3590.89 857,-3567 851.94,-3550.3 851.94,-2955.7 857,-2939 867.87,-2903.09 905.09,-2877.13 930.53,-2863.08"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="931.79,-2864.78 936.08,-2860.09 929.8,-2861.08 931.79,-2864.78"/>
-</g>
-<!-- src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge119" class="edge">
-<title>src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M960.74,-3611.69C976.74,-3576.02 1033.45,-3444.3 1052.5,-3329 1059.82,-3284.71 1044.27,-2562.85 1060.5,-2521 1075.08,-2483.39 1110.87,-2450.92 1132.52,-2433.83"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1133.98,-2435.36 1137.43,-2430.02 1131.4,-2432.04 1133.98,-2435.36"/>
-</g>
-<!-- src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/features/events/models/event.ts -->
-<g id="edge117" class="edge">
-<title>src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/features/events/models/event.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M984,-3630.03C1003.77,-3637.09 1030.68,-3647.89 1052.5,-3661 1084.93,-3680.48 1117.99,-3710.1 1136.06,-3727.3"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1134.97,-3729.16 1140.75,-3731.81 1137.88,-3726.14 1134.97,-3729.16"/>
-</g>
-<!-- src/app/shared/models/material&#45;button&#45;type.ts -->
-<g id="node97" class="node">
-<title>src/app/shared/models/material&#45;button&#45;type.ts</title>
-<g id="a_node97"><a xlink:href="src/app/shared/models/material-button-type.ts" xlink:title="material&#45;button&#45;type.ts">
-<path fill="#ddfeff" stroke="black" d="M1206,-1327C1206,-1327 1096,-1327 1096,-1327 1093,-1327 1090,-1324 1090,-1321 1090,-1321 1090,-1315 1090,-1315 1090,-1312 1093,-1309 1096,-1309 1096,-1309 1206,-1309 1206,-1309 1209,-1309 1212,-1312 1212,-1315 1212,-1315 1212,-1321 1212,-1321 1212,-1324 1209,-1327 1206,-1327"/>
-<text text-anchor="start" x="1098" y="-1315.8" font-family="Helvetica,sans-Serif" font-size="9.00">material&#45;button&#45;type.ts</text>
-</a>
-</g>
-</g>
-<!-- src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts -->
-<g id="edge120" class="edge">
-<title>src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M960.76,-3611.69C976.84,-3576.04 1033.79,-3444.36 1052.5,-3329 1054.72,-3315.32 1051.52,-1343.56 1060.5,-1333 1066.61,-1325.81 1074.76,-1321.16 1083.66,-1318.26"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1084.39,-1320.24 1089.6,-1316.6 1083.26,-1316.2 1084.39,-1320.24"/>
-</g>
-<!-- src/app/shared/models/tooltip&#45;direction.ts -->
-<g id="node98" class="node">
-<title>src/app/shared/models/tooltip&#45;direction.ts</title>
-<g id="a_node98"><a xlink:href="src/app/shared/models/tooltip-direction.ts" xlink:title="tooltip&#45;direction.ts">
-<path fill="#ddfeff" stroke="black" d="M1194.5,-1267C1194.5,-1267 1107.5,-1267 1107.5,-1267 1104.5,-1267 1101.5,-1264 1101.5,-1261 1101.5,-1261 1101.5,-1255 1101.5,-1255 1101.5,-1252 1104.5,-1249 1107.5,-1249 1107.5,-1249 1194.5,-1249 1194.5,-1249 1197.5,-1249 1200.5,-1252 1200.5,-1255 1200.5,-1255 1200.5,-1261 1200.5,-1261 1200.5,-1264 1197.5,-1267 1194.5,-1267"/>
-<text text-anchor="start" x="1109.5" y="-1255.8" font-family="Helvetica,sans-Serif" font-size="9.00">tooltip&#45;direction.ts</text>
-</a>
-</g>
-</g>
-<!-- src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts -->
-<g id="edge121" class="edge">
-<title>src/app/features/events/components/event&#45;card/event&#45;card.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M960.76,-3611.69C976.84,-3576.04 1033.79,-3444.36 1052.5,-3329 1054.79,-3314.91 1051.25,-1283.88 1060.5,-1273 1069.17,-1262.8 1081.95,-1257.71 1095.15,-1255.48"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.57,-1257.54 1101.23,-1254.64 1095,-1253.38 1095.57,-1257.54"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M837.75,-5639C852.9,-5639 868.72,-5639 883.66,-5639"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="884,-5641.1 890,-5639 884,-5636.9 884,-5641.1"/>
 </g>
 <!-- src/app/features/events/components/event&#45;list/event&#45;list.component.spec.ts -->
-<g id="node99" class="node">
+<g id="node101" class="node">
 <title>src/app/features/events/components/event&#45;list/event&#45;list.component.spec.ts</title>
-<g id="a_node99"><a xlink:href="src/app/features/events/components/event-list/event-list.component.spec.ts" xlink:title="event&#45;list.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M828,-3750C828,-3750 692,-3750 692,-3750 689,-3750 686,-3747 686,-3744 686,-3744 686,-3738 686,-3738 686,-3735 689,-3732 692,-3732 692,-3732 828,-3732 828,-3732 831,-3732 834,-3735 834,-3738 834,-3738 834,-3744 834,-3744 834,-3747 831,-3750 828,-3750"/>
-<text text-anchor="start" x="694" y="-3738.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;list.component.spec.ts</text>
+<g id="a_node101"><a xlink:href="src/app/features/events/components/event-list/event-list.component.spec.ts" xlink:title="event&#45;list.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M828,-5768C828,-5768 692,-5768 692,-5768 689,-5768 686,-5765 686,-5762 686,-5762 686,-5756 686,-5756 686,-5753 689,-5750 692,-5750 692,-5750 828,-5750 828,-5750 831,-5750 834,-5753 834,-5756 834,-5756 834,-5762 834,-5762 834,-5765 831,-5768 828,-5768"/>
+<text text-anchor="start" x="694" y="-5756.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;list.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/events/components/event&#45;list/event&#45;list.component.spec.ts&#45;&gt;src/app/features/events/components/event&#45;list/event&#45;list.component.ts -->
-<g id="edge122" class="edge">
+<g id="edge129" class="edge">
 <title>src/app/features/events/components/event&#45;list/event&#45;list.component.spec.ts&#45;&gt;src/app/features/events/components/event&#45;list/event&#45;list.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M834.15,-3741C851.5,-3741 869.93,-3741 887.01,-3741"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="887.24,-3743.1 893.24,-3741 887.24,-3738.9 887.24,-3743.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M834.15,-5759C851.5,-5759 869.93,-5759 887.01,-5759"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="887.24,-5761.1 893.24,-5759 887.24,-5756.9 887.24,-5761.1"/>
 </g>
 <!-- src/app/features/events/components/event&#45;list/event&#45;list.component.ts&#45;&gt;src/app/features/events/models/event.ts -->
-<g id="edge123" class="edge">
+<g id="edge130" class="edge">
 <title>src/app/features/events/components/event&#45;list/event&#45;list.component.ts&#45;&gt;src/app/features/events/models/event.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1017.72,-3741C1050.83,-3741 1090.39,-3741 1117.57,-3741"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1117.85,-3743.1 1123.85,-3741 1117.85,-3738.9 1117.85,-3743.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1017.74,-5750.76C1029.77,-5747.57 1041.93,-5743.14 1052.5,-5737 1092.73,-5713.63 1125.99,-5668.23 1141.16,-5645.17"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1142.96,-5646.26 1144.45,-5640.08 1139.43,-5643.98 1142.96,-5646.26"/>
 </g>
 <!-- src/app/features/events/components/event/event.component.spec.ts -->
-<g id="node101" class="node">
+<g id="node103" class="node">
 <title>src/app/features/events/components/event/event.component.spec.ts</title>
-<g id="a_node101"><a xlink:href="src/app/features/events/components/event/event.component.spec.ts" xlink:title="event.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M820,-3690C820,-3690 700,-3690 700,-3690 697,-3690 694,-3687 694,-3684 694,-3684 694,-3678 694,-3678 694,-3675 697,-3672 700,-3672 700,-3672 820,-3672 820,-3672 823,-3672 826,-3675 826,-3678 826,-3678 826,-3684 826,-3684 826,-3687 823,-3690 820,-3690"/>
-<text text-anchor="start" x="702" y="-3678.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.component.spec.ts</text>
+<g id="a_node103"><a xlink:href="src/app/features/events/components/event/event.component.spec.ts" xlink:title="event.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M820,-5708C820,-5708 700,-5708 700,-5708 697,-5708 694,-5705 694,-5702 694,-5702 694,-5696 694,-5696 694,-5693 697,-5690 700,-5690 700,-5690 820,-5690 820,-5690 823,-5690 826,-5693 826,-5696 826,-5696 826,-5702 826,-5702 826,-5705 823,-5708 820,-5708"/>
+<text text-anchor="start" x="702" y="-5696.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/events/components/event/event.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge125" class="edge">
+<g id="edge132" class="edge">
 <title>src/app/features/events/components/event/event.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.2,-3676.82C836.59,-3673.23 846.16,-3667.61 853,-3659 863.29,-3646.05 854.01,-2482.99 861,-2468 908.22,-2366.7 1003.09,-2405.25 1052.5,-2305 1060.32,-2289.13 1048.27,-2158.78 1060.5,-2146 1067.55,-2138.63 1191.42,-2129.48 1266.95,-2124.55"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1267.35,-2126.63 1273.2,-2124.14 1267.08,-2122.44 1267.35,-2126.63"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.23,-5694.84C836.62,-5691.25 846.17,-5685.63 853,-5677 866.83,-5659.51 850.64,-2485.75 861,-2466 909.14,-2374.24 1001.61,-2423.27 1052.5,-2333 1066.39,-2308.37 1040.82,-2226.31 1060.5,-2206 1067.6,-2198.67 1191.45,-2189.51 1266.96,-2184.56"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1267.36,-2186.64 1273.21,-2184.15 1267.09,-2182.45 1267.36,-2186.64"/>
 </g>
 <!-- src/app/features/events/components/event/event.component.spec.ts&#45;&gt;src/app/features/events/components/event/event.component.ts -->
-<g id="edge124" class="edge">
+<g id="edge131" class="edge">
 <title>src/app/features/events/components/event/event.component.spec.ts&#45;&gt;src/app/features/events/components/event/event.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.24,-3681C848.6,-3681 873.49,-3681 895.35,-3681"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="895.42,-3683.1 901.42,-3681 895.42,-3678.9 895.42,-3683.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.24,-5699C848.6,-5699 873.49,-5699 895.35,-5699"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="895.42,-5701.1 901.42,-5699 895.42,-5696.9 895.42,-5701.1"/>
 </g>
 <!-- src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
-<g id="edge127" class="edge">
+<g id="edge134" class="edge">
 <title>src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M901.46,-3682.33C881.65,-3679.52 862.67,-3671.72 857,-3653 854.13,-3643.51 854.13,-2948.49 857,-2939 867.87,-2903.09 905.09,-2877.13 930.53,-2863.08"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="931.79,-2864.78 936.08,-2860.09 929.8,-2861.08 931.79,-2864.78"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M901.46,-5700.33C881.65,-5697.52 862.67,-5689.72 857,-5671 852.07,-5654.7 856.46,-4462.02 857,-4445 877.19,-3803.11 943.89,-3015.24 954.17,-2896.32"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="956.29,-2896.18 954.71,-2890.02 952.1,-2895.82 956.29,-2896.18"/>
 </g>
 <!-- src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge129" class="edge">
+<g id="edge136" class="edge">
 <title>src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1009.58,-3681.05C1025.82,-3678.23 1042.12,-3671.94 1052.5,-3659 1062.39,-3646.67 1054.81,-2535.74 1060.5,-2521 1075.03,-2483.37 1110.84,-2450.9 1132.5,-2433.83"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1133.96,-2435.35 1137.42,-2430.02 1131.39,-2432.03 1133.96,-2435.35"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1009.62,-5699.08C1025.86,-5696.26 1042.15,-5689.96 1052.5,-5677 1066.05,-5660.04 1052.72,-2571.27 1060.5,-2551 1074.95,-2513.34 1110.78,-2480.88 1132.47,-2463.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1133.93,-2465.34 1137.4,-2460.01 1131.37,-2462.02 1133.93,-2465.34"/>
 </g>
 <!-- src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/core/services/event.service.ts -->
-<g id="edge128" class="edge">
+<g id="edge135" class="edge">
 <title>src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/core/services/event.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1009.56,-3681.03C1025.8,-3678.21 1042.1,-3671.92 1052.5,-3659 1066.19,-3641.99 1046.45,-2889.71 1060.5,-2873 1110.82,-2813.15 1182.46,-2900.23 1233.5,-2841 1260.72,-2809.42 1219.4,-2497.68 1246.5,-2466 1253.76,-2457.51 1264.24,-2452.89 1275.16,-2450.55"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1275.72,-2452.58 1281.27,-2449.47 1274.99,-2448.45 1275.72,-2452.58"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1009.61,-5699.08C1025.86,-5696.25 1042.15,-5689.96 1052.5,-5677 1064.4,-5662.1 1048.04,-2945.43 1060.5,-2931 1111.32,-2872.15 1176.42,-2957.8 1233.5,-2905 1290.92,-2851.88 1317.33,-2592.68 1323.21,-2526.44"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1325.31,-2526.47 1323.74,-2520.31 1321.13,-2526.11 1325.31,-2526.47"/>
 </g>
 <!-- src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/features/events/models/event.ts -->
-<g id="edge126" class="edge">
+<g id="edge133" class="edge">
 <title>src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/features/events/models/event.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M985.89,-3690.11C1021.37,-3701.11 1080.84,-3719.56 1117.61,-3730.96"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1117.4,-3733.09 1123.76,-3732.86 1118.65,-3729.08 1117.4,-3733.09"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1005.42,-5689.92C1020.69,-5686.52 1037.47,-5682.2 1052.5,-5677 1079.27,-5667.74 1108.46,-5653.35 1127.86,-5643.13"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1129.24,-5644.78 1133.55,-5640.11 1127.27,-5641.07 1129.24,-5644.78"/>
 </g>
 <!-- src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts -->
-<g id="edge132" class="edge">
+<g id="edge139" class="edge">
 <title>src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1009.61,-3681.07C1025.85,-3678.25 1042.14,-3671.95 1052.5,-3659 1072.67,-3633.77 1039.59,-1357.62 1060.5,-1333 1066.61,-1325.81 1074.75,-1321.16 1083.65,-1318.26"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1084.38,-1320.24 1089.6,-1316.6 1083.25,-1316.19 1084.38,-1320.24"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1009.62,-5699.08C1025.86,-5696.26 1042.15,-5689.96 1052.5,-5677 1071.36,-5653.37 1040.95,-1346.06 1060.5,-1323 1066.6,-1315.8 1074.75,-1311.15 1083.64,-1308.25"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1084.37,-1310.23 1089.58,-1306.59 1083.24,-1306.18 1084.37,-1310.23"/>
 </g>
 <!-- src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts -->
-<g id="edge133" class="edge">
+<g id="edge140" class="edge">
 <title>src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1009.61,-3681.07C1025.85,-3678.25 1042.14,-3671.95 1052.5,-3659 1073.19,-3633.12 1039.05,-1298.26 1060.5,-1273 1069.17,-1262.79 1081.94,-1257.71 1095.14,-1255.48"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.57,-1257.54 1101.23,-1254.64 1095,-1253.38 1095.57,-1257.54"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1009.62,-5699.08C1025.86,-5696.26 1042.15,-5689.96 1052.5,-5677 1071.62,-5653.04 1040.68,-1286.38 1060.5,-1263 1069.16,-1252.79 1081.93,-1247.7 1095.13,-1245.47"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.56,-1247.53 1101.22,-1244.63 1094.99,-1243.37 1095.56,-1247.53"/>
 </g>
 <!-- src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/shared/components/banner/banner.component.ts -->
-<g id="edge130" class="edge">
+<g id="edge137" class="edge">
 <title>src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/shared/components/banner/banner.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M901.46,-3682.33C881.65,-3679.52 862.67,-3671.72 857,-3653 852.85,-3639.28 852.85,-1602.72 857,-1589 869.71,-1547.02 910.89,-1513 935.8,-1495.61"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="937.09,-1497.27 940.86,-1492.15 934.72,-1493.81 937.09,-1497.27"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M901.46,-5700.33C881.65,-5697.52 862.67,-5689.72 857,-5671 852.88,-5657.4 852.88,-1592.6 857,-1579 869.71,-1537.02 910.89,-1503 935.8,-1485.61"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="937.09,-1487.27 940.86,-1482.15 934.72,-1483.81 937.09,-1487.27"/>
 </g>
 <!-- src/app/shared/models/input&#45;type.ts -->
-<g id="node104" class="node">
+<g id="node106" class="node">
 <title>src/app/shared/models/input&#45;type.ts</title>
-<g id="a_node104"><a xlink:href="src/app/shared/models/input-type.ts" xlink:title="input&#45;type.ts">
-<path fill="#ddfeff" stroke="black" d="M1182.5,-1357C1182.5,-1357 1119.5,-1357 1119.5,-1357 1116.5,-1357 1113.5,-1354 1113.5,-1351 1113.5,-1351 1113.5,-1345 1113.5,-1345 1113.5,-1342 1116.5,-1339 1119.5,-1339 1119.5,-1339 1182.5,-1339 1182.5,-1339 1185.5,-1339 1188.5,-1342 1188.5,-1345 1188.5,-1345 1188.5,-1351 1188.5,-1351 1188.5,-1354 1185.5,-1357 1182.5,-1357"/>
-<text text-anchor="start" x="1121.5" y="-1345.8" font-family="Helvetica,sans-Serif" font-size="9.00">input&#45;type.ts</text>
+<g id="a_node106"><a xlink:href="src/app/shared/models/input-type.ts" xlink:title="input&#45;type.ts">
+<path fill="#ddfeff" stroke="black" d="M1182.5,-1347C1182.5,-1347 1119.5,-1347 1119.5,-1347 1116.5,-1347 1113.5,-1344 1113.5,-1341 1113.5,-1341 1113.5,-1335 1113.5,-1335 1113.5,-1332 1116.5,-1329 1119.5,-1329 1119.5,-1329 1182.5,-1329 1182.5,-1329 1185.5,-1329 1188.5,-1332 1188.5,-1335 1188.5,-1335 1188.5,-1341 1188.5,-1341 1188.5,-1344 1185.5,-1347 1182.5,-1347"/>
+<text text-anchor="start" x="1121.5" y="-1335.8" font-family="Helvetica,sans-Serif" font-size="9.00">input&#45;type.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/shared/models/input&#45;type.ts -->
-<g id="edge131" class="edge">
+<g id="edge138" class="edge">
 <title>src/app/features/events/components/event/event.component.ts&#45;&gt;src/app/shared/models/input&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1009.61,-3681.07C1025.85,-3678.25 1042.14,-3671.95 1052.5,-3659 1061.69,-3647.51 1057.3,-1555.36 1060.5,-1541 1076.36,-1469.73 1121.1,-1393.44 1140.66,-1362.38"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1142.55,-1363.31 1144,-1357.12 1139.01,-1361.06 1142.55,-1363.31"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1009.62,-5699.08C1025.86,-5696.26 1042.15,-5689.96 1052.5,-5677 1061.48,-5665.75 1057.39,-1545.05 1060.5,-1531 1076.3,-1459.71 1121.07,-1383.43 1140.65,-1352.38"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1142.54,-1353.31 1143.99,-1347.12 1139,-1351.05 1142.54,-1353.31"/>
 </g>
 <!-- src/app/features/events/events&#45;routing.module.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge136" class="edge">
+<g id="edge143" class="edge">
 <title>src/app/features/events/events&#45;routing.module.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.78,-3809.93C824.98,-3804.09 842.73,-3794.55 853,-3779 872.44,-3749.56 838.8,-2536.42 861,-2509 915.83,-2441.28 970.02,-2495.1 1052.5,-2467 1079.31,-2457.86 1108.5,-2443.45 1127.88,-2433.2"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1129.27,-2434.84 1133.57,-2430.16 1127.29,-2431.13 1129.27,-2434.84"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M804.99,-5829.94C823.07,-5823.81 842.25,-5813.68 853,-5797 865.21,-5778.05 847.9,-2569.35 861,-2551 889.09,-2511.65 1023.49,-2477.68 1098.72,-2461.35"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1099.49,-2463.33 1104.92,-2460.01 1098.61,-2459.22 1099.49,-2463.33"/>
 </g>
 <!-- src/app/features/events/events&#45;routing.module.ts&#45;&gt;src/app/features/events/events.component.ts -->
-<g id="edge135" class="edge">
+<g id="edge142" class="edge">
 <title>src/app/features/events/events&#45;routing.module.ts&#45;&gt;src/app/features/events/events.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M825.7,-3819C847.3,-3819 871.3,-3819 892.68,-3819"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="892.93,-3821.1 898.93,-3819 892.93,-3816.9 892.93,-3821.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M825.7,-5838.33C847.3,-5838.11 871.3,-5837.86 892.68,-5837.64"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="892.95,-5839.74 898.93,-5837.57 892.9,-5835.54 892.95,-5839.74"/>
 </g>
 <!-- src/app/features/events/events&#45;routing.module.ts&#45;&gt;src/app/features/events/components/event/event.component.ts -->
-<g id="edge134" class="edge">
+<g id="edge141" class="edge">
 <title>src/app/features/events/events&#45;routing.module.ts&#45;&gt;src/app/features/events/components/event/event.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M821.96,-3809.83C833.81,-3805.36 845.02,-3798.75 853,-3789 872.28,-3765.46 842.78,-3745.38 861,-3721 871.36,-3707.15 887.48,-3698.04 903.44,-3692.07"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="904.33,-3693.98 909.3,-3690.01 902.94,-3690.02 904.33,-3693.98"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M825.87,-5837.11C836.16,-5834 845.78,-5828.95 853,-5821 865.31,-5807.45 850.19,-5753.77 861,-5739 871.12,-5725.17 887.02,-5716.08 902.84,-5710.12"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="903.7,-5712.04 908.66,-5708.06 902.3,-5708.08 903.7,-5712.04"/>
 </g>
 <!-- src/app/features/events/events.component.spec.ts -->
-<g id="node106" class="node">
+<g id="node108" class="node">
 <title>src/app/features/events/events.component.spec.ts</title>
-<g id="a_node106"><a xlink:href="src/app/features/events/events.component.spec.ts" xlink:title="events.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M822.5,-3886C822.5,-3886 697.5,-3886 697.5,-3886 694.5,-3886 691.5,-3883 691.5,-3880 691.5,-3880 691.5,-3874 691.5,-3874 691.5,-3871 694.5,-3868 697.5,-3868 697.5,-3868 822.5,-3868 822.5,-3868 825.5,-3868 828.5,-3871 828.5,-3874 828.5,-3874 828.5,-3880 828.5,-3880 828.5,-3883 825.5,-3886 822.5,-3886"/>
-<text text-anchor="start" x="699.5" y="-3874.8" font-family="Helvetica,sans-Serif" font-size="9.00">events.component.spec.ts</text>
+<g id="a_node108"><a xlink:href="src/app/features/events/events.component.spec.ts" xlink:title="events.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M822.5,-5892C822.5,-5892 697.5,-5892 697.5,-5892 694.5,-5892 691.5,-5889 691.5,-5886 691.5,-5886 691.5,-5880 691.5,-5880 691.5,-5877 694.5,-5874 697.5,-5874 697.5,-5874 822.5,-5874 822.5,-5874 825.5,-5874 828.5,-5877 828.5,-5880 828.5,-5880 828.5,-5886 828.5,-5886 828.5,-5889 825.5,-5892 822.5,-5892"/>
+<text text-anchor="start" x="699.5" y="-5880.8" font-family="Helvetica,sans-Serif" font-size="9.00">events.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/events/events.component.spec.ts&#45;&gt;src/app/features/events/events.component.ts -->
-<g id="edge137" class="edge">
+<g id="edge144" class="edge">
 <title>src/app/features/events/events.component.spec.ts&#45;&gt;src/app/features/events/events.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M828.85,-3872.53C837.72,-3869.54 846.1,-3865.21 853,-3859 861.99,-3850.91 851.83,-3840.89 861,-3833 869.9,-3825.34 881.13,-3820.87 892.68,-3818.4"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="893.23,-3820.44 898.75,-3817.29 892.47,-3816.31 893.23,-3820.44"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M828.64,-5876.79C837.33,-5874.03 845.73,-5870.22 853,-5865 858.82,-5860.82 855.09,-5855.05 861,-5851 870.26,-5844.66 881.24,-5840.71 892.36,-5838.33"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="893.04,-5840.34 898.54,-5837.16 892.25,-5836.21 893.04,-5840.34"/>
 </g>
 <!-- src/app/features/events/resolvers/event.resolver.ts -->
-<g id="node107" class="node">
+<g id="node109" class="node">
 <title>src/app/features/events/resolvers/event.resolver.ts</title>
-<g id="a_node107"><a xlink:href="src/app/features/events/resolvers/event.resolver.ts" xlink:title="event.resolver.ts">
-<path fill="#ddfeff" stroke="black" d="M995,-3862C995,-3862 916,-3862 916,-3862 913,-3862 910,-3859 910,-3856 910,-3856 910,-3850 910,-3850 910,-3847 913,-3844 916,-3844 916,-3844 995,-3844 995,-3844 998,-3844 1001,-3847 1001,-3850 1001,-3850 1001,-3856 1001,-3856 1001,-3859 998,-3862 995,-3862"/>
-<text text-anchor="start" x="918" y="-3850.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.resolver.ts</text>
+<g id="a_node109"><a xlink:href="src/app/features/events/resolvers/event.resolver.ts" xlink:title="event.resolver.ts">
+<path fill="#ddfeff" stroke="black" d="M995,-5880C995,-5880 916,-5880 916,-5880 913,-5880 910,-5877 910,-5874 910,-5874 910,-5868 910,-5868 910,-5865 913,-5862 916,-5862 916,-5862 995,-5862 995,-5862 998,-5862 1001,-5865 1001,-5868 1001,-5868 1001,-5874 1001,-5874 1001,-5877 998,-5880 995,-5880"/>
+<text text-anchor="start" x="918" y="-5868.8" font-family="Helvetica,sans-Serif" font-size="9.00">event.resolver.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/events/resolvers/event.resolver.ts&#45;&gt;src/app/core/services/event.service.ts -->
-<g id="edge147" class="edge">
+<g id="edge154" class="edge">
 <title>src/app/features/events/resolvers/event.resolver.ts&#45;&gt;src/app/core/services/event.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1001.24,-3858.35C1019.65,-3857.97 1039.64,-3853.76 1052.5,-3840 1061.55,-3830.32 1058.75,-3734.14 1060.5,-3721 1112.13,-3334.55 1188.49,-3248.27 1233.5,-2861 1236.03,-2839.19 1232.24,-2482.7 1246.5,-2466 1253.75,-2457.51 1264.23,-2452.89 1275.15,-2450.54"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1275.71,-2452.57 1281.25,-2449.46 1274.98,-2448.44 1275.71,-2452.57"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1001.11,-5876.69C1019.73,-5876.44 1039.91,-5872.24 1052.5,-5858 1058.71,-5850.98 1059.98,-5192.36 1060.5,-5183 1122.36,-4062.82 1301.24,-2687.25 1322.44,-2526.54"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1324.58,-2526.41 1323.28,-2520.19 1320.41,-2525.86 1324.58,-2526.41"/>
 </g>
 <!-- src/app/features/events/resolvers/event.resolver.ts&#45;&gt;src/app/features/events/models/event.ts -->
-<g id="edge146" class="edge">
+<g id="edge153" class="edge">
 <title>src/app/features/events/resolvers/event.resolver.ts&#45;&gt;src/app/features/events/models/event.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1001.3,-3852.97C1018.08,-3851.44 1036.86,-3847.83 1052.5,-3840 1092.28,-3820.1 1125.33,-3777.51 1140.72,-3755.24"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1142.61,-3756.19 1144.24,-3750.04 1139.13,-3753.83 1142.61,-3756.19"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1001.16,-5874.01C1018.69,-5873.02 1038.04,-5868.99 1052.5,-5858 1123.49,-5804.05 1143.48,-5688.04 1148.48,-5646.33"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1150.58,-5646.49 1149.17,-5640.29 1146.41,-5646.02 1150.58,-5646.49"/>
 </g>
 <!-- src/app/features/friends/friends.component.ts -->
-<g id="node109" class="node">
+<g id="node111" class="node">
 <title>src/app/features/friends/friends.component.ts</title>
-<g id="a_node109"><a xlink:href="src/app/features/friends/friends.component.ts" xlink:title="friends.component.ts">
-<path fill="#ddfeff" stroke="black" d="M810.5,-4649C810.5,-4649 709.5,-4649 709.5,-4649 706.5,-4649 703.5,-4646 703.5,-4643 703.5,-4643 703.5,-4637 703.5,-4637 703.5,-4634 706.5,-4631 709.5,-4631 709.5,-4631 810.5,-4631 810.5,-4631 813.5,-4631 816.5,-4634 816.5,-4637 816.5,-4637 816.5,-4643 816.5,-4643 816.5,-4646 813.5,-4649 810.5,-4649"/>
-<text text-anchor="start" x="711.5" y="-4637.8" font-family="Helvetica,sans-Serif" font-size="9.00">friends.component.ts</text>
+<g id="a_node111"><a xlink:href="src/app/features/friends/friends.component.ts" xlink:title="friends.component.ts">
+<path fill="#ddfeff" stroke="black" d="M810.5,-4393C810.5,-4393 709.5,-4393 709.5,-4393 706.5,-4393 703.5,-4390 703.5,-4387 703.5,-4387 703.5,-4381 703.5,-4381 703.5,-4378 706.5,-4375 709.5,-4375 709.5,-4375 810.5,-4375 810.5,-4375 813.5,-4375 816.5,-4378 816.5,-4381 816.5,-4381 816.5,-4387 816.5,-4387 816.5,-4390 813.5,-4393 810.5,-4393"/>
+<text text-anchor="start" x="711.5" y="-4381.8" font-family="Helvetica,sans-Serif" font-size="9.00">friends.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/friends/friends&#45;routing.module.ts&#45;&gt;src/app/features/friends/friends.component.ts -->
-<g id="edge148" class="edge">
+<g id="edge155" class="edge">
 <title>src/app/features/friends/friends&#45;routing.module.ts&#45;&gt;src/app/features/friends/friends.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M621.75,-4629.81C646,-4631.61 673.47,-4633.65 697.43,-4635.43"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="697.31,-4637.52 703.45,-4635.87 697.62,-4633.34 697.31,-4637.52"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M621.75,-4394.19C646,-4392.39 673.47,-4390.35 697.43,-4388.57"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="697.62,-4390.66 703.45,-4388.13 697.31,-4386.48 697.62,-4390.66"/>
 </g>
 <!-- src/app/features/friends/friends.component.spec.ts -->
-<g id="node110" class="node">
+<g id="node112" class="node">
 <title>src/app/features/friends/friends.component.spec.ts</title>
-<g id="a_node110"><a xlink:href="src/app/features/friends/friends.component.spec.ts" xlink:title="friends.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M618.5,-4664C618.5,-4664 493.5,-4664 493.5,-4664 490.5,-4664 487.5,-4661 487.5,-4658 487.5,-4658 487.5,-4652 487.5,-4652 487.5,-4649 490.5,-4646 493.5,-4646 493.5,-4646 618.5,-4646 618.5,-4646 621.5,-4646 624.5,-4649 624.5,-4652 624.5,-4652 624.5,-4658 624.5,-4658 624.5,-4661 621.5,-4664 618.5,-4664"/>
-<text text-anchor="start" x="495.5" y="-4652.8" font-family="Helvetica,sans-Serif" font-size="9.00">friends.component.spec.ts</text>
+<g id="a_node112"><a xlink:href="src/app/features/friends/friends.component.spec.ts" xlink:title="friends.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M618.5,-4378C618.5,-4378 493.5,-4378 493.5,-4378 490.5,-4378 487.5,-4375 487.5,-4372 487.5,-4372 487.5,-4366 487.5,-4366 487.5,-4363 490.5,-4360 493.5,-4360 493.5,-4360 618.5,-4360 618.5,-4360 621.5,-4360 624.5,-4363 624.5,-4366 624.5,-4366 624.5,-4372 624.5,-4372 624.5,-4375 621.5,-4378 618.5,-4378"/>
+<text text-anchor="start" x="495.5" y="-4366.8" font-family="Helvetica,sans-Serif" font-size="9.00">friends.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/friends/friends.component.spec.ts&#45;&gt;src/app/features/friends/friends.component.ts -->
-<g id="edge149" class="edge">
+<g id="edge156" class="edge">
 <title>src/app/features/friends/friends.component.spec.ts&#45;&gt;src/app/features/friends/friends.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M624.54,-4649.98C648.02,-4648.24 674.22,-4646.3 697.21,-4644.59"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="697.46,-4646.68 703.29,-4644.14 697.15,-4642.49 697.46,-4646.68"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M624.54,-4374.02C648.02,-4375.76 674.22,-4377.7 697.21,-4379.41"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="697.15,-4381.51 703.29,-4379.86 697.46,-4377.32 697.15,-4381.51"/>
 </g>
 <!-- src/app/features/groups/components/group&#45;card/group&#45;card.component.spec.ts -->
-<g id="node111" class="node">
+<g id="node113" class="node">
 <title>src/app/features/groups/components/group&#45;card/group&#45;card.component.spec.ts</title>
-<g id="a_node111"><a xlink:href="src/app/features/groups/components/group-card/group-card.component.spec.ts" xlink:title="group&#45;card.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1028,-5682C1028,-5682 883,-5682 883,-5682 880,-5682 877,-5679 877,-5676 877,-5676 877,-5670 877,-5670 877,-5667 880,-5664 883,-5664 883,-5664 1028,-5664 1028,-5664 1031,-5664 1034,-5667 1034,-5670 1034,-5670 1034,-5676 1034,-5676 1034,-5679 1031,-5682 1028,-5682"/>
-<text text-anchor="start" x="885" y="-5670.8" font-family="Helvetica,sans-Serif" font-size="9.00">group&#45;card.component.spec.ts</text>
+<g id="a_node113"><a xlink:href="src/app/features/groups/components/group-card/group-card.component.spec.ts" xlink:title="group&#45;card.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M1028,-5272C1028,-5272 883,-5272 883,-5272 880,-5272 877,-5269 877,-5266 877,-5266 877,-5260 877,-5260 877,-5257 880,-5254 883,-5254 883,-5254 1028,-5254 1028,-5254 1031,-5254 1034,-5257 1034,-5260 1034,-5260 1034,-5266 1034,-5266 1034,-5269 1031,-5272 1028,-5272"/>
+<text text-anchor="start" x="885" y="-5260.8" font-family="Helvetica,sans-Serif" font-size="9.00">group&#45;card.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/groups/components/group&#45;card/group&#45;card.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge153" class="edge">
+<g id="edge160" class="edge">
 <title>src/app/features/groups/components/group&#45;card/group&#45;card.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M957.17,-5663.69C964.45,-5561.57 1029.36,-4638.87 1052.5,-3891 1052.93,-3877.19 1052.64,-2907.37 1060.5,-2896 1107.37,-2828.17 1186.24,-2896.57 1233.5,-2829 1254.78,-2798.58 1226.84,-2192.48 1246.5,-2161 1254.9,-2147.55 1269.38,-2138.43 1283.6,-2132.33"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1284.45,-2134.25 1289.23,-2130.06 1282.88,-2130.35 1284.45,-2134.25"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1034.4,-5255.28C1041.34,-5251.79 1047.59,-5247.14 1052.5,-5241 1072.78,-5215.64 1040.52,-2928.6 1060.5,-2903 1109.3,-2840.45 1184.17,-2921.13 1233.5,-2859 1255.54,-2831.24 1227.71,-2251.06 1246.5,-2221 1254.9,-2207.56 1269.38,-2198.43 1283.6,-2192.33"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1284.46,-2194.25 1289.24,-2190.06 1282.89,-2190.36 1284.46,-2194.25"/>
 </g>
 <!-- src/app/features/groups/components/group&#45;card/group&#45;card.component.spec.ts&#45;&gt;src/app/features/groups/components/group&#45;card/group&#45;card.component.ts -->
-<g id="edge152" class="edge">
+<g id="edge159" class="edge">
 <title>src/app/features/groups/components/group&#45;card/group&#45;card.component.spec.ts&#45;&gt;src/app/features/groups/components/group&#45;card/group&#45;card.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1034.09,-5673C1048.62,-5673 1063.76,-5673 1078.12,-5673"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.22,-5675.1 1084.22,-5673 1078.22,-5670.9 1078.22,-5675.1"/>
-</g>
-<!-- src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
-<g id="edge155" class="edge">
-<title>src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.43,-5663.77C1142.95,-5558.6 1083.07,-4575.31 1060.5,-3779 1059.83,-3755.51 1062.44,-2954.3 1052.5,-2933 1037.57,-2901 1003.42,-2876.81 980.15,-2863.26"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="981.03,-2861.35 974.77,-2860.21 978.95,-2865 981.03,-2861.35"/>
-</g>
-<!-- src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge156" class="edge">
-<title>src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1150.36,-5663.74C1143.12,-5558.26 1076.36,-4572 1056.5,-3773 1056.07,-3755.7 1051.49,-2543.56 1056.5,-2527 1068.99,-2485.76 1108.47,-2451.42 1132.27,-2433.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1133.76,-2435.3 1137.38,-2430.07 1131.29,-2431.9 1133.76,-2435.3"/>
-</g>
-<!-- src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/features/groups/models/group.ts -->
-<g id="edge154" class="edge">
-<title>src/app/features/groups/components/group&#45;card/group&#45;card.component.ts&#45;&gt;src/app/features/groups/models/group.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1217.71,-5669.95C1242.9,-5668.78 1270.58,-5667.5 1291.45,-5666.53"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1291.8,-5668.62 1297.69,-5666.24 1291.6,-5664.42 1291.8,-5668.62"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1034.09,-5263C1048.62,-5263 1063.76,-5263 1078.12,-5263"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1078.22,-5265.1 1084.22,-5263 1078.22,-5260.9 1078.22,-5265.1"/>
 </g>
 <!-- src/app/features/groups/components/group&#45;list/group&#45;list.component.spec.ts -->
-<g id="node113" class="node">
+<g id="node114" class="node">
 <title>src/app/features/groups/components/group&#45;list/group&#45;list.component.spec.ts</title>
-<g id="a_node113"><a xlink:href="src/app/features/groups/components/group-list/group-list.component.spec.ts" xlink:title="group&#45;list.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1024,-5802C1024,-5802 887,-5802 887,-5802 884,-5802 881,-5799 881,-5796 881,-5796 881,-5790 881,-5790 881,-5787 884,-5784 887,-5784 887,-5784 1024,-5784 1024,-5784 1027,-5784 1030,-5787 1030,-5790 1030,-5790 1030,-5796 1030,-5796 1030,-5799 1027,-5802 1024,-5802"/>
-<text text-anchor="start" x="889" y="-5790.8" font-family="Helvetica,sans-Serif" font-size="9.00">group&#45;list.component.spec.ts</text>
+<g id="a_node114"><a xlink:href="src/app/features/groups/components/group-list/group-list.component.spec.ts" xlink:title="group&#45;list.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M1024,-5332C1024,-5332 887,-5332 887,-5332 884,-5332 881,-5329 881,-5326 881,-5326 881,-5320 881,-5320 881,-5317 884,-5314 887,-5314 887,-5314 1024,-5314 1024,-5314 1027,-5314 1030,-5317 1030,-5320 1030,-5320 1030,-5326 1030,-5326 1030,-5329 1027,-5332 1024,-5332"/>
+<text text-anchor="start" x="889" y="-5320.8" font-family="Helvetica,sans-Serif" font-size="9.00">group&#45;list.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/groups/components/group&#45;list/group&#45;list.component.spec.ts&#45;&gt;src/app/features/groups/components/group&#45;list/group&#45;list.component.ts -->
-<g id="edge157" class="edge">
+<g id="edge164" class="edge">
 <title>src/app/features/groups/components/group&#45;list/group&#45;list.component.spec.ts&#45;&gt;src/app/features/groups/components/group&#45;list/group&#45;list.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1030.21,-5793C1047.33,-5793 1065.47,-5793 1082.32,-5793"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1082.46,-5795.1 1088.46,-5793 1082.46,-5790.9 1082.46,-5795.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1030.21,-5323C1047.33,-5323 1065.47,-5323 1082.32,-5323"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1082.46,-5325.1 1088.46,-5323 1082.46,-5320.9 1082.46,-5325.1"/>
 </g>
 <!-- src/app/features/groups/components/group&#45;list/group&#45;list.component.ts&#45;&gt;src/app/features/groups/models/group.ts -->
-<g id="edge158" class="edge">
+<g id="edge165" class="edge">
 <title>src/app/features/groups/components/group&#45;list/group&#45;list.component.ts&#45;&gt;src/app/features/groups/models/group.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1203.95,-5783.96C1214.22,-5780.83 1224.57,-5776.63 1233.5,-5771 1271.33,-5747.15 1301.87,-5702.67 1316,-5679.65"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1317.93,-5680.51 1319.23,-5674.28 1314.34,-5678.34 1317.93,-5680.51"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1200.42,-5313.93C1211.68,-5310.75 1223.33,-5306.54 1233.5,-5301 1266.28,-5283.15 1296.88,-5251.24 1312.89,-5232.93"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1314.68,-5234.07 1317.01,-5228.15 1311.5,-5231.33 1314.68,-5234.07"/>
 </g>
 <!-- src/app/features/groups/components/group/group.component.spec.ts -->
-<g id="node115" class="node">
+<g id="node116" class="node">
 <title>src/app/features/groups/components/group/group.component.spec.ts</title>
-<g id="a_node115"><a xlink:href="src/app/features/groups/components/group/group.component.spec.ts" xlink:title="group.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1016.5,-5742C1016.5,-5742 894.5,-5742 894.5,-5742 891.5,-5742 888.5,-5739 888.5,-5736 888.5,-5736 888.5,-5730 888.5,-5730 888.5,-5727 891.5,-5724 894.5,-5724 894.5,-5724 1016.5,-5724 1016.5,-5724 1019.5,-5724 1022.5,-5727 1022.5,-5730 1022.5,-5730 1022.5,-5736 1022.5,-5736 1022.5,-5739 1019.5,-5742 1016.5,-5742"/>
-<text text-anchor="start" x="896.5" y="-5730.8" font-family="Helvetica,sans-Serif" font-size="9.00">group.component.spec.ts</text>
+<g id="a_node116"><a xlink:href="src/app/features/groups/components/group/group.component.spec.ts" xlink:title="group.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M1016.5,-5212C1016.5,-5212 894.5,-5212 894.5,-5212 891.5,-5212 888.5,-5209 888.5,-5206 888.5,-5206 888.5,-5200 888.5,-5200 888.5,-5197 891.5,-5194 894.5,-5194 894.5,-5194 1016.5,-5194 1016.5,-5194 1019.5,-5194 1022.5,-5197 1022.5,-5200 1022.5,-5200 1022.5,-5206 1022.5,-5206 1022.5,-5209 1019.5,-5212 1016.5,-5212"/>
+<text text-anchor="start" x="896.5" y="-5200.8" font-family="Helvetica,sans-Serif" font-size="9.00">group.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/groups/components/group/group.component.spec.ts&#45;&gt;src/app/features/groups/components/group/group.component.ts -->
-<g id="edge159" class="edge">
+<g id="edge166" class="edge">
 <title>src/app/features/groups/components/group/group.component.spec.ts&#45;&gt;src/app/features/groups/components/group/group.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1022.55,-5733C1044.27,-5733 1068.3,-5733 1089.58,-5733"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1089.8,-5735.1 1095.8,-5733 1089.8,-5730.9 1089.8,-5735.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1022.55,-5203C1044.27,-5203 1068.3,-5203 1089.58,-5203"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1089.8,-5205.1 1095.8,-5203 1089.8,-5200.9 1089.8,-5205.1"/>
 </g>
 <!-- src/app/features/groups/groups&#45;routing.module.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge162" class="edge">
+<g id="edge169" class="edge">
 <title>src/app/features/groups/groups&#45;routing.module.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.81,-5861.95C1024.26,-5856.14 1042.07,-5846.61 1052.5,-5831 1065.27,-5811.89 1052.27,-2542.46 1060.5,-2521 1074.94,-2483.34 1110.78,-2450.88 1132.47,-2433.82"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1133.93,-2435.34 1137.4,-2430.01 1131.37,-2432.02 1133.93,-2435.34"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.8,-5391.95C1024.26,-5386.14 1042.06,-5376.61 1052.5,-5361 1063.35,-5344.78 1053.51,-2569.22 1060.5,-2551 1074.95,-2513.34 1110.79,-2480.89 1132.48,-2463.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1133.94,-2465.34 1137.4,-2460.01 1131.37,-2462.02 1133.94,-2465.34"/>
 </g>
 <!-- src/app/features/groups/groups&#45;routing.module.ts&#45;&gt;src/app/features/groups/groups.component.ts -->
-<g id="edge161" class="edge">
+<g id="edge168" class="edge">
 <title>src/app/features/groups/groups&#45;routing.module.ts&#45;&gt;src/app/features/groups/groups.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M986.73,-5880.06C1021,-5890.33 1076.83,-5907.07 1113.5,-5918.06"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1113.31,-5920.19 1119.66,-5919.91 1114.51,-5916.17 1113.31,-5920.19"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M981.01,-5410.12C1016.34,-5423.27 1081.53,-5447.52 1119.79,-5461.76"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1119.34,-5463.83 1125.69,-5463.96 1120.8,-5459.89 1119.34,-5463.83"/>
 </g>
 <!-- src/app/features/groups/groups&#45;routing.module.ts&#45;&gt;src/app/features/groups/components/group/group.component.ts -->
-<g id="edge160" class="edge">
+<g id="edge167" class="edge">
 <title>src/app/features/groups/groups&#45;routing.module.ts&#45;&gt;src/app/features/groups/components/group/group.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1021.89,-5865.92C1033.53,-5862.14 1044.49,-5856.2 1052.5,-5847 1074.23,-5822.06 1041.03,-5799.75 1060.5,-5773 1070.49,-5759.27 1086.28,-5750.17 1101.84,-5744.17"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1102.63,-5746.12 1107.55,-5742.1 1101.19,-5742.17 1102.63,-5746.12"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1005.02,-5392C1022.8,-5386.18 1041.3,-5376.63 1052.5,-5361 1067.81,-5339.64 1045.46,-5264.56 1060.5,-5243 1070.13,-5229.2 1085.66,-5220.09 1101.11,-5214.11"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1101.87,-5216.07 1106.79,-5212.05 1100.43,-5212.13 1101.87,-5216.07"/>
 </g>
 <!-- src/app/features/groups/groups.component.spec.ts -->
-<g id="node118" class="node">
+<g id="node119" class="node">
 <title>src/app/features/groups/groups.component.spec.ts</title>
-<g id="a_node118"><a xlink:href="src/app/features/groups/groups.component.spec.ts" xlink:title="groups.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M1018.5,-5938C1018.5,-5938 892.5,-5938 892.5,-5938 889.5,-5938 886.5,-5935 886.5,-5932 886.5,-5932 886.5,-5926 886.5,-5926 886.5,-5923 889.5,-5920 892.5,-5920 892.5,-5920 1018.5,-5920 1018.5,-5920 1021.5,-5920 1024.5,-5923 1024.5,-5926 1024.5,-5926 1024.5,-5932 1024.5,-5932 1024.5,-5935 1021.5,-5938 1018.5,-5938"/>
-<text text-anchor="start" x="894.5" y="-5926.8" font-family="Helvetica,sans-Serif" font-size="9.00">groups.component.spec.ts</text>
+<g id="a_node119"><a xlink:href="src/app/features/groups/groups.component.spec.ts" xlink:title="groups.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M1018.5,-5482C1018.5,-5482 892.5,-5482 892.5,-5482 889.5,-5482 886.5,-5479 886.5,-5476 886.5,-5476 886.5,-5470 886.5,-5470 886.5,-5467 889.5,-5464 892.5,-5464 892.5,-5464 1018.5,-5464 1018.5,-5464 1021.5,-5464 1024.5,-5467 1024.5,-5470 1024.5,-5470 1024.5,-5476 1024.5,-5476 1024.5,-5479 1021.5,-5482 1018.5,-5482"/>
+<text text-anchor="start" x="894.5" y="-5470.8" font-family="Helvetica,sans-Serif" font-size="9.00">groups.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/groups/groups.component.spec.ts&#45;&gt;src/app/features/groups/groups.component.ts -->
-<g id="edge163" class="edge">
+<g id="edge170" class="edge">
 <title>src/app/features/groups/groups.component.spec.ts&#45;&gt;src/app/features/groups/groups.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1024.72,-5929C1045.23,-5929 1067.62,-5929 1087.72,-5929"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.89,-5931.1 1093.89,-5929 1087.89,-5926.9 1087.89,-5931.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1024.72,-5473C1045.23,-5473 1067.62,-5473 1087.72,-5473"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.89,-5475.1 1093.89,-5473 1087.89,-5470.9 1087.89,-5475.1"/>
 </g>
 <!-- src/app/features/home/home&#45;routing.module.ts&#45;&gt;src/app/features/home/home.component.ts -->
-<g id="edge169" class="edge">
+<g id="edge176" class="edge">
 <title>src/app/features/home/home&#45;routing.module.ts&#45;&gt;src/app/features/home/home.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.61,-3522C643.64,-3518.13 673.97,-3513.63 699.84,-3509.79"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="700.35,-3511.83 705.97,-3508.88 699.73,-3507.68 700.35,-3511.83"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M598.37,-4029.99C631.07,-4022.87 676.78,-4012.91 711.08,-4005.44"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="711.93,-4007.4 717.34,-4004.07 711.03,-4003.3 711.93,-4007.4"/>
 </g>
 <!-- src/app/features/home/home.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
-<g id="edge175" class="edge">
+<g id="edge182" class="edge">
 <title>src/app/features/home/home.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.38,-3491.95C802.56,-3480.4 837.78,-3458.12 853,-3427 865.06,-3402.34 849.47,-2957.91 861,-2933 875.69,-2901.26 909.24,-2876.85 931.89,-2863.21"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="933,-2864.99 937.11,-2860.13 930.87,-2861.37 933,-2864.99"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.19,-3993.43C828.75,-3990.33 843.21,-3984.29 853,-3973 926.99,-3887.68 951.02,-3022.57 954.14,-2896.33"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="956.24,-2896.33 954.28,-2890.28 952.04,-2896.22 956.24,-2896.33"/>
 </g>
 <!-- src/app/features/home/home.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge181" class="edge">
+<g id="edge188" class="edge">
 <title>src/app/features/home/home.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.42,-3491.97C802.64,-3480.44 837.9,-3458.18 853,-3427 864.49,-3403.27 844.17,-2498.29 861,-2478 861.48,-2477.43 1014.37,-2447.49 1097.55,-2431.24"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1098.18,-2433.26 1103.66,-2430.04 1097.37,-2429.13 1098.18,-2433.26"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.33,-3994.06C829.09,-3991.01 843.61,-3984.84 853,-3973 866.45,-3956.05 845.66,-2430.26 861,-2415 876.08,-2399.99 1034.98,-2402.93 1052.5,-2415 1060.72,-2420.67 1052.77,-2429.67 1060.5,-2436 1068.17,-2442.28 1077.48,-2446.39 1087.16,-2449"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.89,-2451.09 1093.22,-2450.44 1087.86,-2447.01 1086.89,-2451.09"/>
 </g>
 <!-- src/app/features/home/home.component.ts&#45;&gt;src/app/core/models/person.model.ts -->
-<g id="edge176" class="edge">
+<g id="edge183" class="edge">
 <title>src/app/features/home/home.component.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.44,-3491.98C802.67,-3480.45 837.94,-3458.2 853,-3427 861.14,-3410.13 848.34,-2091.81 861,-2078 1024.56,-1899.52 1175.27,-1964.15 1404.5,-2042 1486.74,-2069.93 1515.94,-2085.86 1559.5,-2161 1596.47,-2224.77 1608.01,-2462.53 1610.46,-2525.57"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1608.37,-2525.83 1610.69,-2531.75 1612.56,-2525.68 1608.37,-2525.83"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.34,-3994.06C829.1,-3991.02 843.62,-3984.84 853,-3973 871.32,-3949.88 841.71,-1871.32 861,-1849 911.85,-1790.16 1504.19,-1750.33 1559.5,-1805 1573.01,-1818.36 1561.08,-2471.12 1567.5,-2489 1577.57,-2517.06 1601.61,-2542.65 1617.72,-2557.53"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1616.58,-2559.33 1622.44,-2561.8 1619.4,-2556.22 1616.58,-2559.33"/>
 </g>
 <!-- src/app/features/home/home.component.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts -->
-<g id="edge174" class="edge">
+<g id="edge181" class="edge">
 <title>src/app/features/home/home.component.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M774.36,-3491.89C793.09,-3478.78 827.67,-3453.26 853,-3427 891.79,-3386.78 928.81,-3331.51 945.4,-3305.56"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="947.36,-3306.39 948.8,-3300.2 943.81,-3304.14 947.36,-3306.39"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M777.36,-4004.1C799.27,-4017.32 837.2,-4044.13 853,-4079 862.2,-4099.3 846.2,-4463.34 861,-4480 873.32,-4493.87 893.03,-4498.02 911.18,-4498.33"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="911.28,-4500.42 917.26,-4498.29 911.25,-4496.22 911.28,-4500.42"/>
 </g>
 <!-- src/app/features/home/home.component.ts&#45;&gt;src/app/core/services/event.service.ts -->
-<g id="edge177" class="edge">
+<g id="edge184" class="edge">
 <title>src/app/features/home/home.component.ts&#45;&gt;src/app/core/services/event.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.43,-3491.97C802.65,-3480.44 837.91,-3458.18 853,-3427 864.98,-3402.25 852.31,-2463.09 861,-2437 925.66,-2242.75 1085.29,-2024.76 1233.5,-2166 1255.24,-2186.72 1226.82,-2413.31 1246.5,-2436 1253.82,-2444.44 1264.31,-2449.04 1275.24,-2451.38"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1275.07,-2453.49 1281.34,-2452.47 1275.8,-2449.35 1275.07,-2453.49"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.33,-3994.06C829.09,-3991.01 843.61,-3984.84 853,-3973 866.57,-3955.89 851.94,-2420.87 861,-2401 936.9,-2234.58 1101.09,-2099.81 1233.5,-2226 1255.24,-2246.72 1226.82,-2473.31 1246.5,-2496 1253.82,-2504.44 1264.31,-2509.04 1275.24,-2511.38"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1275.07,-2513.49 1281.34,-2512.47 1275.8,-2509.35 1275.07,-2513.49"/>
 </g>
 <!-- src/app/features/home/home.component.ts&#45;&gt;src/app/core/services/group.service.ts -->
-<g id="edge178" class="edge">
+<g id="edge185" class="edge">
 <title>src/app/features/home/home.component.ts&#45;&gt;src/app/core/services/group.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.44,-3491.98C802.67,-3480.45 837.94,-3458.2 853,-3427 860.77,-3410.92 849.55,-2154.71 861,-2141 916.5,-2074.52 969.09,-2128.29 1052.5,-2105 1056.16,-2103.98 1056.77,-2102.69 1060.5,-2102 1141.8,-2087.03 1163.83,-2101.22 1246.5,-2101 1316.72,-2100.81 1353.69,-2052.53 1404.5,-2101 1426.63,-2122.11 1407.3,-2347.16 1417.5,-2376 1428.37,-2406.72 1453.44,-2435.92 1469.37,-2452.34"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1467.89,-2453.83 1473.6,-2456.62 1470.87,-2450.88 1467.89,-2453.83"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.34,-3994.06C829.1,-3991.01 843.62,-3984.84 853,-3973 870.84,-3950.49 842.22,-1926.73 861,-1905 897.59,-1862.67 1385.37,-1856.3 1404.5,-1875 1426.8,-1896.79 1397.77,-2411.86 1417.5,-2436 1421.83,-2441.29 1427.6,-2444.96 1433.93,-2447.46"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1433.52,-2449.53 1439.88,-2449.44 1434.85,-2445.55 1433.52,-2449.53"/>
 </g>
 <!-- src/app/features/home/home.component.ts&#45;&gt;src/app/core/services/people.service.ts -->
-<g id="edge180" class="edge">
+<g id="edge187" class="edge">
 <title>src/app/features/home/home.component.ts&#45;&gt;src/app/core/services/people.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.44,-3491.98C802.67,-3480.45 837.94,-3458.2 853,-3427 860.98,-3410.48 848.5,-2119.43 861,-2106 881.6,-2083.87 1380.16,-2058.06 1404.5,-2076 1444.58,-2105.54 1473.03,-2265.11 1481.14,-2315.64"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1479.1,-2316.17 1482.11,-2321.77 1483.25,-2315.52 1479.1,-2316.17"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.34,-3994.06C829.1,-3991.02 843.62,-3984.84 853,-3973 871.08,-3950.18 841.97,-1899.03 861,-1877 932.93,-1793.77 1364.11,-1812.05 1404.5,-1847 1486.8,-1918.22 1485.16,-2294.37 1483.82,-2375.55"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1481.72,-2375.65 1483.71,-2381.68 1485.92,-2375.72 1481.72,-2375.65"/>
 </g>
 <!-- src/app/features/home/home.component.ts&#45;&gt;src/app/features/events/models/event.ts -->
-<g id="edge172" class="edge">
+<g id="edge179" class="edge">
 <title>src/app/features/home/home.component.ts&#45;&gt;src/app/features/events/models/event.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M795.93,-3510.04C863.9,-3528.11 1010.91,-3569.62 1052.5,-3601 1098.41,-3635.65 1130.77,-3698.29 1143.72,-3726.52"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1141.81,-3727.39 1146.19,-3731.99 1145.64,-3725.66 1141.81,-3727.39"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M775,-4004.12C795.15,-4017.94 832.17,-4046.11 853,-4079 859.47,-4089.21 856.19,-4093.91 861,-4105 929.14,-4261.96 1007.84,-4273.82 1052.5,-4439 1068.04,-4496.49 1041.53,-5454.54 1060.5,-5511 1075.51,-5555.66 1114.14,-5597.25 1135.42,-5617.72"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1134.13,-5619.39 1139.93,-5621.99 1137.02,-5616.34 1134.13,-5619.39"/>
 </g>
 <!-- src/app/features/home/home.component.ts&#45;&gt;src/app/features/groups/models/group.ts -->
-<g id="edge173" class="edge">
+<g id="edge180" class="edge">
 <title>src/app/features/home/home.component.ts&#45;&gt;src/app/features/groups/models/group.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.02,-3494.26C874.85,-3488.95 976.05,-3487.72 1052.5,-3525 1159.08,-3576.97 1187.74,-3611.61 1233.5,-3721 1312.31,-3909.4 1323.43,-5475.83 1324.42,-5649.39"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1322.32,-5649.61 1324.45,-5655.6 1326.52,-5649.59 1322.32,-5649.61"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.07,-4000.37C879.81,-4009.92 990.67,-4035.98 1052.5,-4106 1208.2,-4282.34 1308.38,-5082.95 1322.72,-5203.72"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1320.65,-5204.12 1323.44,-5209.83 1324.82,-5203.63 1320.65,-5204.12"/>
 </g>
 <!-- src/app/features/home/home.component.ts&#45;&gt;src/app/core/services/news.service.ts -->
-<g id="edge179" class="edge">
+<g id="edge186" class="edge">
 <title>src/app/features/home/home.component.ts&#45;&gt;src/app/core/services/news.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.46,-3491.99C802.71,-3480.47 837.99,-3458.22 853,-3427 862.26,-3407.73 845.87,-364.09 861,-349 921.26,-288.9 986,-295.88 1052.5,-349 1336.99,-576.25 1191.01,-786.38 1233.5,-1148 1237.29,-1180.22 1225.7,-2291.1 1246.5,-2316 1253.95,-2324.92 1264.96,-2329.59 1276.36,-2331.85"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1276.09,-2333.93 1282.35,-2332.82 1276.76,-2329.79 1276.09,-2333.93"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.34,-3994.06C829.09,-3991.01 843.61,-3984.84 853,-3973 868.43,-3953.54 844.76,-2203.78 861,-2185 888.16,-2153.59 1203.29,-2126.51 1233.5,-2155 1269.29,-2188.75 1214.07,-2339.01 1246.5,-2376 1254.09,-2384.65 1265.02,-2389.26 1276.3,-2391.54"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1275.96,-2393.61 1282.22,-2392.52 1276.65,-2389.47 1275.96,-2393.61"/>
 </g>
 <!-- src/app/features/home/home.component.ts&#45;&gt;src/app/shared/models/input&#45;type.ts -->
-<g id="edge182" class="edge">
+<g id="edge189" class="edge">
 <title>src/app/features/home/home.component.ts&#45;&gt;src/app/shared/models/input&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M780.44,-3491.98C802.68,-3480.46 837.95,-3458.2 853,-3427 862.29,-3407.73 847.38,-1903.5 861,-1887 916.24,-1820.08 996.57,-1915.34 1052.5,-1849 1063.53,-1835.91 1056.6,-1557.67 1060.5,-1541 1077.15,-1469.91 1121.46,-1393.52 1140.78,-1362.41"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1142.67,-1363.34 1144.08,-1357.14 1139.12,-1361.11 1142.67,-1363.34"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.34,-3994.06C829.1,-3991.02 843.62,-3984.84 853,-3973 871.68,-3949.42 842.91,-1831.04 861,-1807 914.31,-1736.14 998.04,-1820.98 1052.5,-1751 1067.52,-1731.7 1054.8,-1554.79 1060.5,-1531 1077.52,-1459.99 1121.63,-1383.56 1140.84,-1352.42"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1142.73,-1353.35 1144.12,-1347.15 1139.17,-1351.13 1142.73,-1353.35"/>
 </g>
 <!-- src/app/features/home/home.component.spec.ts -->
-<g id="node121" class="node">
+<g id="node122" class="node">
 <title>src/app/features/home/home.component.spec.ts</title>
-<g id="a_node121"><a xlink:href="src/app/features/home/home.component.spec.ts" xlink:title="home.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M616,-3510C616,-3510 496,-3510 496,-3510 493,-3510 490,-3507 490,-3504 490,-3504 490,-3498 490,-3498 490,-3495 493,-3492 496,-3492 496,-3492 616,-3492 616,-3492 619,-3492 622,-3495 622,-3498 622,-3498 622,-3504 622,-3504 622,-3507 619,-3510 616,-3510"/>
-<text text-anchor="start" x="498" y="-3498.8" font-family="Helvetica,sans-Serif" font-size="9.00">home.component.spec.ts</text>
+<g id="a_node122"><a xlink:href="src/app/features/home/home.component.spec.ts" xlink:title="home.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M616,-4004C616,-4004 496,-4004 496,-4004 493,-4004 490,-4001 490,-3998 490,-3998 490,-3992 490,-3992 490,-3989 493,-3986 496,-3986 496,-3986 616,-3986 616,-3986 619,-3986 622,-3989 622,-3992 622,-3992 622,-3998 622,-3998 622,-4001 619,-4004 616,-4004"/>
+<text text-anchor="start" x="498" y="-3992.8" font-family="Helvetica,sans-Serif" font-size="9.00">home.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/home/home.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge171" class="edge">
+<g id="edge178" class="edge">
 <title>src/app/features/home/home.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M572.58,-3491.85C591.45,-3479.75 622.29,-3456.48 635,-3427 643.57,-3407.12 631.69,-327.47 643,-309 699.88,-216.1 755.12,-222.61 861,-197 902.36,-187 1020.91,-168.49 1052.5,-197 1065.43,-208.68 1048.26,-262.6 1060.5,-275 1114.88,-330.08 1180.59,-238.51 1233.5,-295 1299.15,-365.08 1322,-1934.62 1324.3,-2105.88"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1322.2,-2106.01 1324.38,-2111.99 1326.4,-2105.96 1322.2,-2106.01"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.35,-3985.88C625.4,-3982.69 630.83,-3978.49 635,-3973 650.97,-3951.95 624.3,-187.66 643,-169 659.52,-152.52 829.68,-168.14 853,-169 863.59,-169.39 1226.11,-189.4 1233.5,-197 1306.34,-271.88 1322.83,-1983.52 1324.37,-2165.39"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1322.28,-2165.66 1324.43,-2171.64 1326.48,-2165.63 1322.28,-2165.66"/>
 </g>
 <!-- src/app/features/home/home.component.spec.ts&#45;&gt;src/app/features/home/home.component.ts -->
-<g id="edge170" class="edge">
+<g id="edge177" class="edge">
 <title>src/app/features/home/home.component.spec.ts&#45;&gt;src/app/features/home/home.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M622.03,-3501C647.01,-3501 675.38,-3501 699.79,-3501"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.9,-3503.1 705.9,-3501 699.9,-3498.9 699.9,-3503.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M622.03,-3995C647.01,-3995 675.38,-3995 699.79,-3995"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.9,-3997.1 705.9,-3995 699.9,-3992.9 699.9,-3997.1"/>
 </g>
 <!-- src/app/features/invite/invite.component.ts -->
-<g id="node123" class="node">
+<g id="node124" class="node">
 <title>src/app/features/invite/invite.component.ts</title>
-<g id="a_node123"><a xlink:href="src/app/features/invite/invite.component.ts" xlink:title="invite.component.ts">
-<path fill="#ddfeff" stroke="black" d="M807.5,-4261C807.5,-4261 712.5,-4261 712.5,-4261 709.5,-4261 706.5,-4258 706.5,-4255 706.5,-4255 706.5,-4249 706.5,-4249 706.5,-4246 709.5,-4243 712.5,-4243 712.5,-4243 807.5,-4243 807.5,-4243 810.5,-4243 813.5,-4246 813.5,-4249 813.5,-4249 813.5,-4255 813.5,-4255 813.5,-4258 810.5,-4261 807.5,-4261"/>
-<text text-anchor="start" x="714.5" y="-4249.8" font-family="Helvetica,sans-Serif" font-size="9.00">invite.component.ts</text>
+<g id="a_node124"><a xlink:href="src/app/features/invite/invite.component.ts" xlink:title="invite.component.ts">
+<path fill="#ddfeff" stroke="black" d="M807.5,-4303C807.5,-4303 712.5,-4303 712.5,-4303 709.5,-4303 706.5,-4300 706.5,-4297 706.5,-4297 706.5,-4291 706.5,-4291 706.5,-4288 709.5,-4285 712.5,-4285 712.5,-4285 807.5,-4285 807.5,-4285 810.5,-4285 813.5,-4288 813.5,-4291 813.5,-4291 813.5,-4297 813.5,-4297 813.5,-4300 810.5,-4303 807.5,-4303"/>
+<text text-anchor="start" x="714.5" y="-4291.8" font-family="Helvetica,sans-Serif" font-size="9.00">invite.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/invite/invite&#45;routing.module.ts&#45;&gt;src/app/features/invite/invite.component.ts -->
-<g id="edge190" class="edge">
+<g id="edge197" class="edge">
 <title>src/app/features/invite/invite&#45;routing.module.ts&#45;&gt;src/app/features/invite/invite.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M618.7,-4241.58C644.59,-4243.5 674.56,-4245.73 700.13,-4247.63"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="700.06,-4249.73 706.19,-4248.08 700.37,-4245.54 700.06,-4249.73"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M618.7,-4304.42C644.59,-4302.5 674.56,-4300.27 700.13,-4298.37"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="700.37,-4300.46 706.19,-4297.92 700.06,-4296.27 700.37,-4300.46"/>
 </g>
 <!-- src/app/features/invite/invite.component.spec.ts -->
-<g id="node124" class="node">
+<g id="node125" class="node">
 <title>src/app/features/invite/invite.component.spec.ts</title>
-<g id="a_node124"><a xlink:href="src/app/features/invite/invite.component.spec.ts" xlink:title="invite.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M615.5,-4276C615.5,-4276 496.5,-4276 496.5,-4276 493.5,-4276 490.5,-4273 490.5,-4270 490.5,-4270 490.5,-4264 490.5,-4264 490.5,-4261 493.5,-4258 496.5,-4258 496.5,-4258 615.5,-4258 615.5,-4258 618.5,-4258 621.5,-4261 621.5,-4264 621.5,-4264 621.5,-4270 621.5,-4270 621.5,-4273 618.5,-4276 615.5,-4276"/>
-<text text-anchor="start" x="498.5" y="-4264.8" font-family="Helvetica,sans-Serif" font-size="9.00">invite.component.spec.ts</text>
+<g id="a_node125"><a xlink:href="src/app/features/invite/invite.component.spec.ts" xlink:title="invite.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M615.5,-4288C615.5,-4288 496.5,-4288 496.5,-4288 493.5,-4288 490.5,-4285 490.5,-4282 490.5,-4282 490.5,-4276 490.5,-4276 490.5,-4273 493.5,-4270 496.5,-4270 496.5,-4270 615.5,-4270 615.5,-4270 618.5,-4270 621.5,-4273 621.5,-4276 621.5,-4276 621.5,-4282 621.5,-4282 621.5,-4285 618.5,-4288 615.5,-4288"/>
+<text text-anchor="start" x="498.5" y="-4276.8" font-family="Helvetica,sans-Serif" font-size="9.00">invite.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/invite/invite.component.spec.ts&#45;&gt;src/app/features/invite/invite.component.ts -->
-<g id="edge191" class="edge">
+<g id="edge198" class="edge">
 <title>src/app/features/invite/invite.component.spec.ts&#45;&gt;src/app/features/invite/invite.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M621.75,-4262.19C646.96,-4260.32 675.65,-4258.19 700.25,-4256.36"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="700.59,-4258.44 706.42,-4255.9 700.28,-4254.25 700.59,-4258.44"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M621.75,-4283.81C646.96,-4285.68 675.65,-4287.81 700.25,-4289.64"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="700.28,-4291.75 706.42,-4290.1 700.59,-4287.56 700.28,-4291.75"/>
 </g>
 <!-- src/app/features/login/login&#45;routing.module.ts&#45;&gt;src/app/features/login/login.component.ts -->
-<g id="edge194" class="edge">
+<g id="edge201" class="edge">
 <title>src/app/features/login/login&#45;routing.module.ts&#45;&gt;src/app/features/login/login.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.06,-3964.54C643.76,-3962.56 675.06,-3960.23 701.46,-3958.27"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="701.88,-3960.35 707.71,-3957.81 701.57,-3956.16 701.88,-3960.35"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M612.2,-3239.98C639.89,-3235.46 673.41,-3229.98 701.43,-3225.41"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="702.1,-3227.42 707.68,-3224.38 701.42,-3223.28 702.1,-3227.42"/>
 </g>
 <!-- src/app/features/login/login.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge197" class="edge">
+<g id="edge204" class="edge">
 <title>src/app/features/login/login.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M812.04,-3945.06C827.81,-3939.64 843.51,-3930.95 853,-3917 863.9,-3900.97 848.32,-2535.66 861,-2521 889.16,-2488.45 1012.69,-2508.36 1052.5,-2492 1085.78,-2478.32 1118.32,-2451.02 1136.11,-2434.54"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1137.79,-2435.84 1140.72,-2430.2 1134.91,-2432.78 1137.79,-2435.84"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M812.34,-3209.14C827.94,-3204.4 843.46,-3196.41 853,-3183 865.59,-3165.3 845.56,-2416.28 861,-2401 876.12,-2386.03 1035.86,-2387.74 1052.5,-2401 1064.98,-2410.95 1048.89,-2425.05 1060.5,-2436 1067.97,-2443.05 1077.45,-2447.48 1087.41,-2450.17"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.01,-2452.23 1093.33,-2451.56 1087.97,-2448.14 1087.01,-2452.23"/>
 </g>
 <!-- src/app/features/login/login.component.spec.ts -->
-<g id="node127" class="node">
+<g id="node128" class="node">
 <title>src/app/features/login/login.component.spec.ts</title>
-<g id="a_node127"><a xlink:href="src/app/features/login/login.component.spec.ts" xlink:title="login.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M614,-3948C614,-3948 498,-3948 498,-3948 495,-3948 492,-3945 492,-3942 492,-3942 492,-3936 492,-3936 492,-3933 495,-3930 498,-3930 498,-3930 614,-3930 614,-3930 617,-3930 620,-3933 620,-3936 620,-3936 620,-3942 620,-3942 620,-3945 617,-3948 614,-3948"/>
-<text text-anchor="start" x="500" y="-3936.8" font-family="Helvetica,sans-Serif" font-size="9.00">login.component.spec.ts</text>
+<g id="a_node128"><a xlink:href="src/app/features/login/login.component.spec.ts" xlink:title="login.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M614,-3214C614,-3214 498,-3214 498,-3214 495,-3214 492,-3211 492,-3208 492,-3208 492,-3202 492,-3202 492,-3199 495,-3196 498,-3196 498,-3196 614,-3196 614,-3196 617,-3196 620,-3199 620,-3202 620,-3202 620,-3208 620,-3208 620,-3211 617,-3214 614,-3214"/>
+<text text-anchor="start" x="500" y="-3202.8" font-family="Helvetica,sans-Serif" font-size="9.00">login.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/login/login.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge196" class="edge">
+<g id="edge203" class="edge">
 <title>src/app/features/login/login.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.35,-3929.88C625.4,-3926.69 630.83,-3922.49 635,-3917 650.11,-3897.09 627.93,-337.94 643,-318 701.54,-240.57 788.81,-330.81 853,-258 868.46,-240.46 843.25,-221.23 861,-206 877.15,-192.15 1036.75,-191.69 1052.5,-206 1066.22,-218.46 1056.51,-270.91 1060.5,-289 1110.43,-515.35 1186.78,-553.97 1233.5,-781 1289.37,-1052.49 1319.95,-1975.43 1324.03,-2105.67"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1321.94,-2105.96 1324.22,-2111.9 1326.14,-2105.83 1321.94,-2105.96"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.35,-3195.88C625.4,-3192.69 630.83,-3188.49 635,-3183 647.71,-3166.25 628.11,-169.85 643,-155 659.52,-138.52 829.68,-154.14 853,-155 858.3,-155.19 1229.81,-179.2 1233.5,-183 1306.88,-258.46 1322.9,-1983.83 1324.38,-2165.55"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1322.28,-2165.59 1324.43,-2171.58 1326.48,-2165.56 1322.28,-2165.59"/>
 </g>
 <!-- src/app/features/login/login.component.spec.ts&#45;&gt;src/app/features/login/login.component.ts -->
-<g id="edge195" class="edge">
+<g id="edge202" class="edge">
 <title>src/app/features/login/login.component.spec.ts&#45;&gt;src/app/features/login/login.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M620.08,-3943.68C646.23,-3945.63 676.35,-3947.86 701.84,-3949.76"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="701.74,-3951.85 707.88,-3950.2 702.05,-3947.67 701.74,-3951.85"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M620.08,-3208.44C646.23,-3209.86 676.35,-3211.5 701.84,-3212.89"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="701.77,-3214.99 707.88,-3213.22 702,-3210.79 701.77,-3214.99"/>
 </g>
 <!-- src/app/features/members/members.component.ts -->
-<g id="node129" class="node">
+<g id="node130" class="node">
 <title>src/app/features/members/members.component.ts</title>
-<g id="a_node129"><a xlink:href="src/app/features/members/members.component.ts" xlink:title="members.component.ts">
-<path fill="#ddfeff" stroke="black" d="M816.5,-5307C816.5,-5307 703.5,-5307 703.5,-5307 700.5,-5307 697.5,-5304 697.5,-5301 697.5,-5301 697.5,-5295 697.5,-5295 697.5,-5292 700.5,-5289 703.5,-5289 703.5,-5289 816.5,-5289 816.5,-5289 819.5,-5289 822.5,-5292 822.5,-5295 822.5,-5295 822.5,-5301 822.5,-5301 822.5,-5304 819.5,-5307 816.5,-5307"/>
-<text text-anchor="start" x="705.5" y="-5295.8" font-family="Helvetica,sans-Serif" font-size="9.00">members.component.ts</text>
+<g id="a_node130"><a xlink:href="src/app/features/members/members.component.ts" xlink:title="members.component.ts">
+<path fill="#ddfeff" stroke="black" d="M816.5,-4213C816.5,-4213 703.5,-4213 703.5,-4213 700.5,-4213 697.5,-4210 697.5,-4207 697.5,-4207 697.5,-4201 697.5,-4201 697.5,-4198 700.5,-4195 703.5,-4195 703.5,-4195 816.5,-4195 816.5,-4195 819.5,-4195 822.5,-4198 822.5,-4201 822.5,-4201 822.5,-4207 822.5,-4207 822.5,-4210 819.5,-4213 816.5,-4213"/>
+<text text-anchor="start" x="705.5" y="-4201.8" font-family="Helvetica,sans-Serif" font-size="9.00">members.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/members/members&#45;routing.module.ts&#45;&gt;src/app/features/members/members.component.ts -->
-<g id="edge201" class="edge">
+<g id="edge208" class="edge">
 <title>src/app/features/members/members&#45;routing.module.ts&#45;&gt;src/app/features/members/members.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.65,-5288.25C648.36,-5289.78 670.95,-5291.46 691.46,-5292.98"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="691.33,-5295.08 697.47,-5293.43 691.64,-5290.89 691.33,-5295.08"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.65,-4213.75C648.36,-4212.22 670.95,-4210.54 691.46,-4209.02"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="691.64,-4211.11 697.47,-4208.57 691.33,-4206.92 691.64,-4211.11"/>
 </g>
 <!-- src/app/features/members/members.component.spec.ts -->
-<g id="node130" class="node">
+<g id="node131" class="node">
 <title>src/app/features/members/members.component.spec.ts</title>
-<g id="a_node130"><a xlink:href="src/app/features/members/members.component.spec.ts" xlink:title="members.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M624.5,-5322C624.5,-5322 487.5,-5322 487.5,-5322 484.5,-5322 481.5,-5319 481.5,-5316 481.5,-5316 481.5,-5310 481.5,-5310 481.5,-5307 484.5,-5304 487.5,-5304 487.5,-5304 624.5,-5304 624.5,-5304 627.5,-5304 630.5,-5307 630.5,-5310 630.5,-5310 630.5,-5316 630.5,-5316 630.5,-5319 627.5,-5322 624.5,-5322"/>
-<text text-anchor="start" x="489.5" y="-5310.8" font-family="Helvetica,sans-Serif" font-size="9.00">members.component.spec.ts</text>
+<g id="a_node131"><a xlink:href="src/app/features/members/members.component.spec.ts" xlink:title="members.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M624.5,-4198C624.5,-4198 487.5,-4198 487.5,-4198 484.5,-4198 481.5,-4195 481.5,-4192 481.5,-4192 481.5,-4186 481.5,-4186 481.5,-4183 484.5,-4180 487.5,-4180 487.5,-4180 624.5,-4180 624.5,-4180 627.5,-4180 630.5,-4183 630.5,-4186 630.5,-4186 630.5,-4192 630.5,-4192 630.5,-4195 627.5,-4198 624.5,-4198"/>
+<text text-anchor="start" x="489.5" y="-4186.8" font-family="Helvetica,sans-Serif" font-size="9.00">members.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/members/members.component.spec.ts&#45;&gt;src/app/features/members/members.component.ts -->
-<g id="edge202" class="edge">
+<g id="edge209" class="edge">
 <title>src/app/features/members/members.component.spec.ts&#45;&gt;src/app/features/members/members.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M630.78,-5307.52C650.51,-5306.06 671.74,-5304.48 691.13,-5303.04"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="691.53,-5305.12 697.36,-5302.58 691.22,-5300.93 691.53,-5305.12"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M630.78,-4194.48C650.51,-4195.94 671.74,-4197.52 691.13,-4198.96"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="691.22,-4201.07 697.36,-4199.42 691.53,-4196.88 691.22,-4201.07"/>
 </g>
 <!-- src/app/features/messages/messages.component.ts -->
-<g id="node132" class="node">
+<g id="node133" class="node">
 <title>src/app/features/messages/messages.component.ts</title>
-<g id="a_node132"><a xlink:href="src/app/features/messages/messages.component.ts" xlink:title="messages.component.ts">
-<path fill="#ddfeff" stroke="black" d="M817.5,-5217C817.5,-5217 702.5,-5217 702.5,-5217 699.5,-5217 696.5,-5214 696.5,-5211 696.5,-5211 696.5,-5205 696.5,-5205 696.5,-5202 699.5,-5199 702.5,-5199 702.5,-5199 817.5,-5199 817.5,-5199 820.5,-5199 823.5,-5202 823.5,-5205 823.5,-5205 823.5,-5211 823.5,-5211 823.5,-5214 820.5,-5217 817.5,-5217"/>
-<text text-anchor="start" x="704.5" y="-5205.8" font-family="Helvetica,sans-Serif" font-size="9.00">messages.component.ts</text>
+<g id="a_node133"><a xlink:href="src/app/features/messages/messages.component.ts" xlink:title="messages.component.ts">
+<path fill="#ddfeff" stroke="black" d="M817.5,-4123C817.5,-4123 702.5,-4123 702.5,-4123 699.5,-4123 696.5,-4120 696.5,-4117 696.5,-4117 696.5,-4111 696.5,-4111 696.5,-4108 699.5,-4105 702.5,-4105 702.5,-4105 817.5,-4105 817.5,-4105 820.5,-4105 823.5,-4108 823.5,-4111 823.5,-4111 823.5,-4117 823.5,-4117 823.5,-4120 820.5,-4123 817.5,-4123"/>
+<text text-anchor="start" x="704.5" y="-4111.8" font-family="Helvetica,sans-Serif" font-size="9.00">messages.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/messages/messages&#45;routing.module.ts&#45;&gt;src/app/features/messages/messages.component.ts -->
-<g id="edge205" class="edge">
+<g id="edge212" class="edge">
 <title>src/app/features/messages/messages&#45;routing.module.ts&#45;&gt;src/app/features/messages/messages.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M628.5,-5198.31C648.56,-5199.8 670.32,-5201.41 690.21,-5202.89"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="690.18,-5205 696.32,-5203.35 690.49,-5200.81 690.18,-5205"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M628.5,-4123.69C648.56,-4122.2 670.32,-4120.59 690.21,-4119.11"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="690.49,-4121.19 696.32,-4118.65 690.18,-4117 690.49,-4121.19"/>
 </g>
 <!-- src/app/features/messages/messages.component.spec.ts -->
-<g id="node133" class="node">
+<g id="node134" class="node">
 <title>src/app/features/messages/messages.component.spec.ts</title>
-<g id="a_node133"><a xlink:href="src/app/features/messages/messages.component.spec.ts" xlink:title="messages.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M625.5,-5232C625.5,-5232 486.5,-5232 486.5,-5232 483.5,-5232 480.5,-5229 480.5,-5226 480.5,-5226 480.5,-5220 480.5,-5220 480.5,-5217 483.5,-5214 486.5,-5214 486.5,-5214 625.5,-5214 625.5,-5214 628.5,-5214 631.5,-5217 631.5,-5220 631.5,-5220 631.5,-5226 631.5,-5226 631.5,-5229 628.5,-5232 625.5,-5232"/>
-<text text-anchor="start" x="488.5" y="-5220.8" font-family="Helvetica,sans-Serif" font-size="9.00">messages.component.spec.ts</text>
+<g id="a_node134"><a xlink:href="src/app/features/messages/messages.component.spec.ts" xlink:title="messages.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M625.5,-4108C625.5,-4108 486.5,-4108 486.5,-4108 483.5,-4108 480.5,-4105 480.5,-4102 480.5,-4102 480.5,-4096 480.5,-4096 480.5,-4093 483.5,-4090 486.5,-4090 486.5,-4090 625.5,-4090 625.5,-4090 628.5,-4090 631.5,-4093 631.5,-4096 631.5,-4096 631.5,-4102 631.5,-4102 631.5,-4105 628.5,-4108 625.5,-4108"/>
+<text text-anchor="start" x="488.5" y="-4096.8" font-family="Helvetica,sans-Serif" font-size="9.00">messages.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/messages/messages.component.spec.ts&#45;&gt;src/app/features/messages/messages.component.ts -->
-<g id="edge206" class="edge">
+<g id="edge213" class="edge">
 <title>src/app/features/messages/messages.component.spec.ts&#45;&gt;src/app/features/messages/messages.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M631.64,-5217.46C650.73,-5216.04 671.16,-5214.52 689.95,-5213.13"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="690.43,-5215.2 696.25,-5212.66 690.12,-5211.01 690.43,-5215.2"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M631.64,-4104.54C650.73,-4105.96 671.16,-4107.48 689.95,-4108.87"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="690.12,-4110.99 696.25,-4109.34 690.43,-4106.8 690.12,-4110.99"/>
 </g>
 <!-- src/app/features/missions/missions.component.ts -->
-<g id="node135" class="node">
+<g id="node136" class="node">
 <title>src/app/features/missions/missions.component.ts</title>
-<g id="a_node135"><a xlink:href="src/app/features/missions/missions.component.ts" xlink:title="missions.component.ts">
-<path fill="#ddfeff" stroke="black" d="M814.5,-5127C814.5,-5127 705.5,-5127 705.5,-5127 702.5,-5127 699.5,-5124 699.5,-5121 699.5,-5121 699.5,-5115 699.5,-5115 699.5,-5112 702.5,-5109 705.5,-5109 705.5,-5109 814.5,-5109 814.5,-5109 817.5,-5109 820.5,-5112 820.5,-5115 820.5,-5115 820.5,-5121 820.5,-5121 820.5,-5124 817.5,-5127 814.5,-5127"/>
-<text text-anchor="start" x="707.5" y="-5115.8" font-family="Helvetica,sans-Serif" font-size="9.00">missions.component.ts</text>
+<g id="a_node136"><a xlink:href="src/app/features/missions/missions.component.ts" xlink:title="missions.component.ts">
+<path fill="#ddfeff" stroke="black" d="M814.5,-3929C814.5,-3929 705.5,-3929 705.5,-3929 702.5,-3929 699.5,-3926 699.5,-3923 699.5,-3923 699.5,-3917 699.5,-3917 699.5,-3914 702.5,-3911 705.5,-3911 705.5,-3911 814.5,-3911 814.5,-3911 817.5,-3911 820.5,-3914 820.5,-3917 820.5,-3917 820.5,-3923 820.5,-3923 820.5,-3926 817.5,-3929 814.5,-3929"/>
+<text text-anchor="start" x="707.5" y="-3917.8" font-family="Helvetica,sans-Serif" font-size="9.00">missions.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/missions/missions&#45;routing.module.ts&#45;&gt;src/app/features/missions/missions.component.ts -->
-<g id="edge209" class="edge">
+<g id="edge216" class="edge">
 <title>src/app/features/missions/missions&#45;routing.module.ts&#45;&gt;src/app/features/missions/missions.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M625.67,-5108.1C647.52,-5109.72 671.63,-5111.51 693.26,-5113.12"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="693.16,-5115.22 699.3,-5113.57 693.47,-5111.03 693.16,-5115.22"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M625.67,-3929.9C647.52,-3928.28 671.63,-3926.49 693.26,-3924.88"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="693.47,-3926.97 699.3,-3924.43 693.16,-3922.78 693.47,-3926.97"/>
 </g>
 <!-- src/app/features/missions/missions.component.spec.ts -->
-<g id="node136" class="node">
+<g id="node137" class="node">
 <title>src/app/features/missions/missions.component.spec.ts</title>
-<g id="a_node136"><a xlink:href="src/app/features/missions/missions.component.spec.ts" xlink:title="missions.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M622.5,-5142C622.5,-5142 489.5,-5142 489.5,-5142 486.5,-5142 483.5,-5139 483.5,-5136 483.5,-5136 483.5,-5130 483.5,-5130 483.5,-5127 486.5,-5124 489.5,-5124 489.5,-5124 622.5,-5124 622.5,-5124 625.5,-5124 628.5,-5127 628.5,-5130 628.5,-5130 628.5,-5136 628.5,-5136 628.5,-5139 625.5,-5142 622.5,-5142"/>
-<text text-anchor="start" x="491.5" y="-5130.8" font-family="Helvetica,sans-Serif" font-size="9.00">missions.component.spec.ts</text>
+<g id="a_node137"><a xlink:href="src/app/features/missions/missions.component.spec.ts" xlink:title="missions.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M622.5,-3914C622.5,-3914 489.5,-3914 489.5,-3914 486.5,-3914 483.5,-3911 483.5,-3908 483.5,-3908 483.5,-3902 483.5,-3902 483.5,-3899 486.5,-3896 489.5,-3896 489.5,-3896 622.5,-3896 622.5,-3896 625.5,-3896 628.5,-3899 628.5,-3902 628.5,-3902 628.5,-3908 628.5,-3908 628.5,-3911 625.5,-3914 622.5,-3914"/>
+<text text-anchor="start" x="491.5" y="-3902.8" font-family="Helvetica,sans-Serif" font-size="9.00">missions.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/missions/missions.component.spec.ts&#45;&gt;src/app/features/missions/missions.component.ts -->
-<g id="edge210" class="edge">
+<g id="edge217" class="edge">
 <title>src/app/features/missions/missions.component.spec.ts&#45;&gt;src/app/features/missions/missions.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M628.5,-5127.69C649.57,-5126.13 672.53,-5124.42 693.22,-5122.88"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="693.45,-5124.97 699.28,-5122.43 693.14,-5120.78 693.45,-5124.97"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M628.5,-3910.31C649.57,-3911.87 672.53,-3913.58 693.22,-3915.12"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="693.14,-3917.22 699.28,-3915.57 693.45,-3913.03 693.14,-3917.22"/>
 </g>
 <!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.spec.ts -->
-<g id="node137" class="node">
+<g id="node138" class="node">
 <title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.spec.ts</title>
-<g id="a_node137"><a xlink:href="src/app/features/news-feed/components/news-card/news-card.component.spec.ts" xlink:title="news&#45;card.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M626.5,-3338C626.5,-3338 485.5,-3338 485.5,-3338 482.5,-3338 479.5,-3335 479.5,-3332 479.5,-3332 479.5,-3326 479.5,-3326 479.5,-3323 482.5,-3320 485.5,-3320 485.5,-3320 626.5,-3320 626.5,-3320 629.5,-3320 632.5,-3323 632.5,-3326 632.5,-3326 632.5,-3332 632.5,-3332 632.5,-3335 629.5,-3338 626.5,-3338"/>
-<text text-anchor="start" x="487.5" y="-3326.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;card.component.spec.ts</text>
+<g id="a_node138"><a xlink:href="src/app/features/news-feed/components/news-card/news-card.component.spec.ts" xlink:title="news&#45;card.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M626.5,-4540C626.5,-4540 485.5,-4540 485.5,-4540 482.5,-4540 479.5,-4537 479.5,-4534 479.5,-4534 479.5,-4528 479.5,-4528 479.5,-4525 482.5,-4522 485.5,-4522 485.5,-4522 626.5,-4522 626.5,-4522 629.5,-4522 632.5,-4525 632.5,-4528 632.5,-4528 632.5,-4534 632.5,-4534 632.5,-4537 629.5,-4540 626.5,-4540"/>
+<text text-anchor="start" x="487.5" y="-4528.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;card.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge214" class="edge">
+<g id="edge221" class="edge">
 <title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M631.29,-3319.77C632.61,-3318.62 633.84,-3317.36 635,-3316 649.08,-3299.42 627.6,-198.36 643,-183 659.11,-166.93 1035.62,-167.75 1052.5,-183 1065.59,-194.83 1048.08,-249.47 1060.5,-262 1087.73,-289.46 1206.98,-252.84 1233.5,-281 1299.84,-351.44 1322.08,-1933.18 1324.31,-2105.76"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1322.21,-2105.94 1324.39,-2111.92 1326.41,-2105.89 1322.21,-2105.94"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M631.3,-4521.78C632.61,-4520.62 633.85,-4519.36 635,-4518 654.23,-4495.34 621.97,-259.99 643,-239 689.44,-192.65 1186.03,-193.7 1233.5,-239 1307.48,-309.6 1322.95,-1987.41 1324.38,-2165.7"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1322.28,-2165.84 1324.43,-2171.83 1326.48,-2165.81 1322.28,-2165.84"/>
 </g>
 <!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.spec.ts&#45;&gt;src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts -->
-<g id="edge213" class="edge">
-<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.spec.ts&#45;&gt;src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M632.5,-3329C651.13,-3329 670.99,-3329 689.33,-3329"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="689.48,-3331.1 695.48,-3329 689.48,-3326.9 689.48,-3331.1"/>
-</g>
-<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge219" class="edge">
-<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.81,-3331.72C835.6,-3329.17 845.66,-3324.37 853,-3316 868.95,-3297.81 844.53,-2462.73 861,-2445 862.91,-2442.94 1002.71,-2432.08 1087.15,-2425.7"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.56,-2427.77 1093.38,-2425.23 1087.24,-2423.58 1087.56,-2427.77"/>
-</g>
-<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/blog.model.ts -->
-<g id="edge216" class="edge">
-<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/blog.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.85,-3331.76C835.64,-3329.21 845.69,-3324.39 853,-3316 866.74,-3300.23 846.19,-318.77 861,-304 921.26,-243.9 982.45,-255.66 1052.5,-304 1239.12,-432.79 1191.29,-558.21 1233.5,-781 1244.86,-840.94 1223.26,-1822.6 1246.5,-1879 1284.94,-1972.28 1365.44,-1948.98 1404.5,-2042 1415.56,-2068.34 1399.4,-2533.9 1417.5,-2556 1423.07,-2562.79 1431.01,-2566.9 1439.47,-2569.31"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1439.06,-2571.37 1445.38,-2570.72 1440.03,-2567.28 1439.06,-2571.37"/>
-</g>
-<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts -->
-<g id="edge215" class="edge">
-<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.98,-3320.81C834.4,-3319.36 843.97,-3317.74 853,-3316 873.65,-3312.01 896.41,-3306.51 915.13,-3301.68"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="916.04,-3303.61 921.32,-3300.07 914.98,-3299.55 916.04,-3303.61"/>
-</g>
-<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/poll.model.ts -->
-<g id="edge217" class="edge">
-<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/poll.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.85,-3331.76C835.64,-3329.21 845.69,-3324.39 853,-3316 866.94,-3300 845.97,-274.99 861,-260 920.11,-201.04 1179.24,-245.54 1233.5,-309 1461.72,-575.91 1381.91,-1529.55 1404.5,-1880 1405.64,-1897.72 1406.97,-2504.7 1417.5,-2519 1423.37,-2526.97 1432.25,-2532.1 1441.61,-2535.38"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1441.12,-2537.42 1447.48,-2537.19 1442.36,-2533.41 1441.12,-2537.42"/>
-</g>
-<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/post.model.ts -->
-<g id="edge218" class="edge">
-<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/core/models/post.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.82,-3331.74C835.61,-3329.19 845.67,-3324.38 853,-3316 864.14,-3303.25 848.99,-2108.93 861,-2097 917.58,-2040.79 1305.97,-2003.98 1404.5,-2101 1423.71,-2119.91 1400.4,-2565.16 1417.5,-2586 1423.07,-2592.79 1431.02,-2596.89 1439.47,-2599.3"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1439.06,-2601.36 1445.39,-2600.71 1440.04,-2597.28 1439.06,-2601.36"/>
-</g>
-<!-- src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts -->
 <g id="edge220" class="edge">
-<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.83,-3331.74C835.62,-3329.19 845.68,-3324.38 853,-3316 866.18,-3300.91 848.9,-1888.98 861,-1873 914.47,-1802.42 998.64,-1888.29 1052.5,-1818 1068.89,-1796.61 1042.92,-1353.43 1060.5,-1333 1066.65,-1325.85 1074.83,-1321.22 1083.74,-1318.33"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1084.47,-1320.31 1089.68,-1316.67 1083.34,-1316.26 1084.47,-1320.31"/>
+<title>src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.spec.ts&#45;&gt;src/app/features/news&#45;feed/components/news&#45;card/news&#45;card.component.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M632.5,-4531C651.13,-4531 670.99,-4531 689.33,-4531"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="689.48,-4533.1 695.48,-4531 689.48,-4528.9 689.48,-4533.1"/>
 </g>
 <!-- src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.spec.ts -->
 <g id="node139" class="node">
 <title>src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.spec.ts</title>
 <g id="a_node139"><a xlink:href="src/app/features/news-feed/components/news-list/news-list.component.spec.ts" xlink:title="news&#45;list.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M623,-3398C623,-3398 489,-3398 489,-3398 486,-3398 483,-3395 483,-3392 483,-3392 483,-3386 483,-3386 483,-3383 486,-3380 489,-3380 489,-3380 623,-3380 623,-3380 626,-3380 629,-3383 629,-3386 629,-3386 629,-3392 629,-3392 629,-3395 626,-3398 623,-3398"/>
-<text text-anchor="start" x="491" y="-3386.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;list.component.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M623,-4600C623,-4600 489,-4600 489,-4600 486,-4600 483,-4597 483,-4594 483,-4594 483,-4588 483,-4588 483,-4585 486,-4582 489,-4582 489,-4582 623,-4582 623,-4582 626,-4582 629,-4585 629,-4588 629,-4588 629,-4594 629,-4594 629,-4597 626,-4600 623,-4600"/>
+<text text-anchor="start" x="491" y="-4588.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;list.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.spec.ts&#45;&gt;src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.ts -->
-<g id="edge221" class="edge">
+<g id="edge228" class="edge">
 <title>src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.spec.ts&#45;&gt;src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M629.07,-3389C649.81,-3389 672.33,-3389 692.71,-3389"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="692.96,-3391.1 698.96,-3389 692.96,-3386.9 692.96,-3391.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M629.07,-4591C649.81,-4591 672.33,-4591 692.71,-4591"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="692.96,-4593.1 698.96,-4591 692.96,-4588.9 692.96,-4593.1"/>
 </g>
 <!-- src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts -->
-<g id="edge222" class="edge">
+<g id="edge229" class="edge">
 <title>src/app/features/news&#45;feed/components/news&#45;list/news&#45;list.component.ts&#45;&gt;src/app/features/news&#45;feed/models/INewsItem.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M815.28,-3379.9C828,-3376.72 841.25,-3372.51 853,-3367 887.61,-3350.76 921.98,-3321.58 940.5,-3304.49"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="942.34,-3305.64 945.29,-3300.01 939.47,-3302.57 942.34,-3305.64"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M815.28,-4581.9C828,-4578.72 841.25,-4574.51 853,-4569 887.61,-4552.76 921.98,-4523.58 940.5,-4506.49"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="942.34,-4507.64 945.29,-4502.01 939.47,-4504.57 942.34,-4507.64"/>
 </g>
 <!-- src/app/features/news&#45;feed/news&#45;feed.component.ts -->
 <g id="node142" class="node">
 <title>src/app/features/news&#45;feed/news&#45;feed.component.ts</title>
 <g id="a_node142"><a xlink:href="src/app/features/news-feed/news-feed.component.ts" xlink:title="news&#45;feed.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1013.5,-3266C1013.5,-3266 897.5,-3266 897.5,-3266 894.5,-3266 891.5,-3263 891.5,-3260 891.5,-3260 891.5,-3254 891.5,-3254 891.5,-3251 894.5,-3248 897.5,-3248 897.5,-3248 1013.5,-3248 1013.5,-3248 1016.5,-3248 1019.5,-3251 1019.5,-3254 1019.5,-3254 1019.5,-3260 1019.5,-3260 1019.5,-3263 1016.5,-3266 1013.5,-3266"/>
-<text text-anchor="start" x="899.5" y="-3254.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;feed.component.ts</text>
+<path fill="#ddfeff" stroke="black" d="M1013.5,-4468C1013.5,-4468 897.5,-4468 897.5,-4468 894.5,-4468 891.5,-4465 891.5,-4462 891.5,-4462 891.5,-4456 891.5,-4456 891.5,-4453 894.5,-4450 897.5,-4450 897.5,-4450 1013.5,-4450 1013.5,-4450 1016.5,-4450 1019.5,-4453 1019.5,-4456 1019.5,-4456 1019.5,-4462 1019.5,-4462 1019.5,-4465 1016.5,-4468 1013.5,-4468"/>
+<text text-anchor="start" x="899.5" y="-4456.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;feed.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/news&#45;feed/news&#45;feed&#45;routing.module.ts&#45;&gt;src/app/features/news&#45;feed/news&#45;feed.component.ts -->
-<g id="edge224" class="edge">
+<g id="edge231" class="edge">
 <title>src/app/features/news&#45;feed/news&#45;feed&#45;routing.module.ts&#45;&gt;src/app/features/news&#45;feed/news&#45;feed.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M816.79,-3277.97C831.18,-3275.67 846.67,-3273.22 861,-3271 869.57,-3269.67 878.58,-3268.3 887.49,-3266.95"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="888.01,-3269 893.63,-3266.02 887.38,-3264.84 888.01,-3269"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M816.79,-4479.97C831.18,-4477.67 846.67,-4475.22 861,-4473 869.57,-4471.67 878.58,-4470.3 887.49,-4468.95"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="888.01,-4471 893.63,-4468.02 887.38,-4466.84 888.01,-4471"/>
 </g>
 <!-- src/app/features/news&#45;feed/news&#45;feed.component.spec.ts -->
 <g id="node143" class="node">
 <title>src/app/features/news&#45;feed/news&#45;feed.component.spec.ts</title>
 <g id="a_node143"><a xlink:href="src/app/features/news-feed/news-feed.component.spec.ts" xlink:title="news&#45;feed.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M830,-3266C830,-3266 690,-3266 690,-3266 687,-3266 684,-3263 684,-3260 684,-3260 684,-3254 684,-3254 684,-3251 687,-3248 690,-3248 690,-3248 830,-3248 830,-3248 833,-3248 836,-3251 836,-3254 836,-3254 836,-3260 836,-3260 836,-3263 833,-3266 830,-3266"/>
-<text text-anchor="start" x="692" y="-3254.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;feed.component.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M830,-4468C830,-4468 690,-4468 690,-4468 687,-4468 684,-4465 684,-4462 684,-4462 684,-4456 684,-4456 684,-4453 687,-4450 690,-4450 690,-4450 830,-4450 830,-4450 833,-4450 836,-4453 836,-4456 836,-4456 836,-4462 836,-4462 836,-4465 833,-4468 830,-4468"/>
+<text text-anchor="start" x="692" y="-4456.8" font-family="Helvetica,sans-Serif" font-size="9.00">news&#45;feed.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/news&#45;feed/news&#45;feed.component.spec.ts&#45;&gt;src/app/features/news&#45;feed/news&#45;feed.component.ts -->
-<g id="edge225" class="edge">
+<g id="edge232" class="edge">
 <title>src/app/features/news&#45;feed/news&#45;feed.component.spec.ts&#45;&gt;src/app/features/news&#45;feed/news&#45;feed.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M836.09,-3257C852.22,-3257 869.2,-3257 885.1,-3257"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="885.37,-3259.1 891.37,-3257 885.37,-3254.9 885.37,-3259.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M836.09,-4459C852.22,-4459 869.2,-4459 885.1,-4459"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="885.37,-4461.1 891.37,-4459 885.37,-4456.9 885.37,-4461.1"/>
 </g>
 <!-- src/app/features/privacy/privacy&#45;routing.module.ts&#45;&gt;src/app/features/privacy/privacy.component.ts -->
-<g id="edge230" class="edge">
+<g id="edge237" class="edge">
 <title>src/app/features/privacy/privacy&#45;routing.module.ts&#45;&gt;src/app/features/privacy/privacy.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.61,-4918C642.67,-4921.72 671.72,-4926.04 696.94,-4929.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="696.68,-4931.87 702.92,-4930.67 697.3,-4927.71 696.68,-4931.87"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M623.14,-3815C646.8,-3815 673.37,-3815 696.7,-3815"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="696.87,-3817.1 702.87,-3815 696.87,-3812.9 696.87,-3817.1"/>
 </g>
 <!-- src/app/features/privacy/privacy.component.spec.ts -->
 <g id="node146" class="node">
 <title>src/app/features/privacy/privacy.component.spec.ts</title>
 <g id="a_node146"><a xlink:href="src/app/features/privacy/privacy.component.spec.ts" xlink:title="privacy.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M619,-4948C619,-4948 493,-4948 493,-4948 490,-4948 487,-4945 487,-4942 487,-4942 487,-4936 487,-4936 487,-4933 490,-4930 493,-4930 493,-4930 619,-4930 619,-4930 622,-4930 625,-4933 625,-4936 625,-4936 625,-4942 625,-4942 625,-4945 622,-4948 619,-4948"/>
-<text text-anchor="start" x="495" y="-4936.8" font-family="Helvetica,sans-Serif" font-size="9.00">privacy.component.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M619,-3854C619,-3854 493,-3854 493,-3854 490,-3854 487,-3851 487,-3848 487,-3848 487,-3842 487,-3842 487,-3839 490,-3836 493,-3836 493,-3836 619,-3836 619,-3836 622,-3836 625,-3839 625,-3842 625,-3842 625,-3848 625,-3848 625,-3851 622,-3854 619,-3854"/>
+<text text-anchor="start" x="495" y="-3842.8" font-family="Helvetica,sans-Serif" font-size="9.00">privacy.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/privacy/privacy.component.spec.ts&#45;&gt;src/app/features/privacy/privacy.component.ts -->
-<g id="edge231" class="edge">
+<g id="edge238" class="edge">
 <title>src/app/features/privacy/privacy.component.spec.ts&#45;&gt;src/app/features/privacy/privacy.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M625.11,-4939C648.34,-4939 674.19,-4939 696.92,-4939"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="696.94,-4941.1 702.94,-4939 696.94,-4936.9 696.94,-4941.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.61,-3836C642.67,-3832.28 671.72,-3827.96 696.94,-3824.22"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="697.3,-3826.29 702.92,-3823.33 696.68,-3822.13 697.3,-3826.29"/>
 </g>
 <!-- src/app/features/profile/components/post/post.component.spec.ts -->
 <g id="node147" class="node">
 <title>src/app/features/profile/components/post/post.component.spec.ts</title>
 <g id="a_node147"><a xlink:href="src/app/features/profile/components/post/post.component.spec.ts" xlink:title="post.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M613,-3034C613,-3034 499,-3034 499,-3034 496,-3034 493,-3031 493,-3028 493,-3028 493,-3022 493,-3022 493,-3019 496,-3016 499,-3016 499,-3016 613,-3016 613,-3016 616,-3016 619,-3019 619,-3022 619,-3022 619,-3028 619,-3028 619,-3031 616,-3034 613,-3034"/>
-<text text-anchor="start" x="501" y="-3022.8" font-family="Helvetica,sans-Serif" font-size="9.00">post.component.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M613,-4934C613,-4934 499,-4934 499,-4934 496,-4934 493,-4931 493,-4928 493,-4928 493,-4922 493,-4922 493,-4919 496,-4916 499,-4916 499,-4916 613,-4916 613,-4916 616,-4916 619,-4919 619,-4922 619,-4922 619,-4928 619,-4928 619,-4931 616,-4934 613,-4934"/>
+<text text-anchor="start" x="501" y="-4922.8" font-family="Helvetica,sans-Serif" font-size="9.00">post.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/profile/components/post/post.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge236" class="edge">
+<g id="edge243" class="edge">
 <title>src/app/features/profile/components/post/post.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.35,-3023.15C625.32,-3020.62 630.73,-3017.02 635,-3012 647.85,-2996.88 628.95,-169.01 643,-155 659.11,-138.94 1035.66,-139.7 1052.5,-155 1066.22,-167.46 1047.33,-224.96 1060.5,-238 1087.92,-265.16 1206.73,-225.2 1233.5,-253 1301.63,-323.76 1322.27,-1930.23 1324.32,-2105.52"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1322.23,-2105.8 1324.4,-2111.77 1326.43,-2105.75 1322.23,-2105.8"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.35,-4915.88C625.41,-4912.69 630.83,-4908.49 635,-4903 644.7,-4890.21 631.64,-290.34 643,-279 675.2,-246.85 1015.18,-252.97 1052.5,-279 1243.59,-412.31 1185.28,-543.05 1233.5,-771 1293.98,-1056.86 1320.7,-2031.72 1324.12,-2165.69"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1322.02,-2165.8 1324.27,-2171.75 1326.22,-2165.7 1322.02,-2165.8"/>
 </g>
 <!-- src/app/features/profile/components/post/post.component.spec.ts&#45;&gt;src/app/features/profile/components/post/post.component.ts -->
-<g id="edge235" class="edge">
+<g id="edge242" class="edge">
 <title>src/app/features/profile/components/post/post.component.spec.ts&#45;&gt;src/app/features/profile/components/post/post.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.25,-3025C645.87,-3025 676.72,-3025 702.65,-3025"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="702.78,-3027.1 708.78,-3025 702.78,-3022.9 702.78,-3027.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.25,-4925C645.87,-4925 676.72,-4925 702.65,-4925"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="702.78,-4927.1 708.78,-4925 702.78,-4922.9 702.78,-4927.1"/>
 </g>
 <!-- src/app/features/profile/components/post/post.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge239" class="edge">
+<g id="edge246" class="edge">
 <title>src/app/features/profile/components/post/post.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M811.42,-3029.78C826.95,-3028.45 842.66,-3023.74 853,-3012 863.92,-2999.59 849.23,-2428.61 861,-2417 892.44,-2385.98 1017.32,-2399.52 1092.24,-2411"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1092.19,-2413.11 1098.44,-2411.96 1092.84,-2408.96 1092.19,-2413.11"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M811.46,-4924.62C827.19,-4921.8 843.01,-4915.62 853,-4903 873.36,-4877.28 841.51,-2567.39 861,-2541 912.82,-2470.83 1018.94,-2453.82 1087.16,-2450.53"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.33,-2452.63 1093.23,-2450.27 1087.15,-2448.43 1087.33,-2452.63"/>
 </g>
 <!-- src/app/features/profile/components/post/post.component.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts -->
-<g id="edge238" class="edge">
+<g id="edge245" class="edge">
 <title>src/app/features/profile/components/post/post.component.ts&#45;&gt;src/app/core/services/session&#45;storage.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M811.45,-3029.8C826.98,-3028.48 842.68,-3023.76 853,-3012 868.73,-2994.06 845.35,-2171.01 861,-2153 888.24,-2121.66 1203.3,-2094.51 1233.5,-2123 1269.61,-2157.06 1213.79,-2308.66 1246.5,-2346 1248.83,-2348.66 1251.47,-2350.93 1254.35,-2352.88"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1253.5,-2354.82 1259.75,-2356.03 1255.62,-2351.19 1253.5,-2354.82"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M811.46,-4924.62C827.19,-4921.8 843.01,-4915.62 853,-4903 863.57,-4889.64 854.91,-2465.91 861,-2450 930.04,-2269.57 1092.06,-2094.41 1233.5,-2226 1262.86,-2253.32 1219.86,-2376.02 1246.5,-2406 1248.85,-2408.64 1251.51,-2410.9 1254.39,-2412.84"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1253.56,-2414.79 1259.81,-2415.97 1255.67,-2411.15 1253.56,-2414.79"/>
 </g>
 <!-- src/app/features/profile/components/post/post.component.ts&#45;&gt;src/app/core/models/person.model.ts -->
-<g id="edge237" class="edge">
+<g id="edge244" class="edge">
 <title>src/app/features/profile/components/post/post.component.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M811.46,-3029.82C827,-3028.5 842.7,-3023.78 853,-3012 874.6,-2987.31 838.21,-1854.6 861,-1831 914.93,-1775.16 1502.7,-1762.08 1559.5,-1815 1613.28,-1865.1 1611.84,-2423.76 1611.13,-2525.24"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1609.03,-2525.48 1611.09,-2531.5 1613.23,-2525.51 1609.03,-2525.48"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M811.46,-4924.63C827.19,-4921.8 843.01,-4915.62 853,-4903 864.89,-4887.97 848.47,-2157.51 861,-2143 890.16,-2109.23 1520.27,-2074.6 1559.5,-2113 1574.43,-2127.62 1560.35,-2469.37 1567.5,-2489 1577.71,-2517.01 1601.7,-2542.62 1617.77,-2557.51"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1616.63,-2559.31 1622.48,-2561.78 1619.45,-2556.2 1616.63,-2559.31"/>
 </g>
 <!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.spec.ts -->
 <g id="node149" class="node">
 <title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.spec.ts</title>
 <g id="a_node149"><a xlink:href="src/app/features/profile/components/profile-card/profile-card.component.spec.ts" xlink:title="profile&#45;card.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M629,-3094C629,-3094 483,-3094 483,-3094 480,-3094 477,-3091 477,-3088 477,-3088 477,-3082 477,-3082 477,-3079 480,-3076 483,-3076 483,-3076 629,-3076 629,-3076 632,-3076 635,-3079 635,-3082 635,-3082 635,-3088 635,-3088 635,-3091 632,-3094 629,-3094"/>
-<text text-anchor="start" x="485" y="-3082.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;card.component.spec.ts</text>
+<path fill="#ddfeff" stroke="black" d="M629,-4874C629,-4874 483,-4874 483,-4874 480,-4874 477,-4871 477,-4868 477,-4868 477,-4862 477,-4862 477,-4859 480,-4856 483,-4856 483,-4856 629,-4856 629,-4856 632,-4856 635,-4859 635,-4862 635,-4862 635,-4868 635,-4868 635,-4871 632,-4874 629,-4874"/>
+<text text-anchor="start" x="485" y="-4862.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;card.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge241" class="edge">
+<g id="edge248" class="edge">
 <title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.34,-3075.88C625.4,-3072.69 630.83,-3068.49 635,-3063 647.15,-3046.99 628.77,-183.19 643,-169 659.11,-152.94 1035.63,-153.73 1052.5,-169 1065.75,-180.99 1047.89,-236.34 1060.5,-249 1087.78,-276.39 1206.93,-238.93 1233.5,-267 1300.53,-337.79 1322.15,-1931.73 1324.32,-2105.64"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1322.22,-2105.87 1324.39,-2111.85 1326.42,-2105.82 1322.22,-2105.87"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M631.3,-4855.78C632.61,-4854.62 633.85,-4853.36 635,-4852 655.66,-4827.65 620.4,-275.56 643,-253 666.22,-229.82 1209.76,-230.36 1233.5,-253 1306.96,-323.08 1322.89,-1988.81 1324.38,-2165.81"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1322.28,-2165.91 1324.43,-2171.89 1326.48,-2165.88 1322.28,-2165.91"/>
 </g>
 <!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.spec.ts&#45;&gt;src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts -->
-<g id="edge240" class="edge">
+<g id="edge247" class="edge">
 <title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.spec.ts&#45;&gt;src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M635.1,-3085C652.11,-3085 670.03,-3085 686.79,-3085"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="686.91,-3087.1 692.91,-3085 686.91,-3082.9 686.91,-3087.1"/>
-</g>
-<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
-<g id="edge242" class="edge">
-<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.22,-3080.02C837.11,-3076.45 846.24,-3071.05 853,-3063 871.62,-3040.84 848.25,-2958.98 861,-2933 876.5,-2901.42 910.14,-2876.82 932.56,-2863.11"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="933.65,-2864.91 937.72,-2860.02 931.49,-2861.3 933.65,-2864.91"/>
-</g>
-<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge244" class="edge">
-<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.09,-3080.46C837.12,-3076.86 846.33,-3071.34 853,-3063 863.96,-3049.29 848.72,-2443.55 861,-2431 876.42,-2415.24 1006.77,-2416.4 1087.05,-2418.68"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.16,-2420.78 1093.22,-2418.86 1087.28,-2416.59 1087.16,-2420.78"/>
-</g>
-<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/models/person.model.ts -->
-<g id="edge243" class="edge">
-<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.13,-3080.49C837.16,-3076.89 846.36,-3071.36 853,-3063 863.52,-3049.75 849.06,-1856.98 861,-1845 884.02,-1821.9 1500.59,-1788.28 1559.5,-1843 1611.28,-1891.1 1611.48,-2428.27 1611.09,-2525.84"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1608.99,-2525.85 1611.06,-2531.86 1613.19,-2525.87 1608.99,-2525.85"/>
-</g>
-<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts -->
-<g id="edge245" class="edge">
-<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.13,-3080.49C837.16,-3076.89 846.36,-3071.36 853,-3063 874.29,-3036.2 838.93,-1857.16 861,-1831 916.74,-1764.93 996.41,-1862.77 1052.5,-1797 1069.23,-1777.38 1043.68,-1352.54 1060.5,-1333 1066.66,-1325.85 1074.83,-1321.23 1083.74,-1318.34"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1084.47,-1320.31 1089.69,-1316.68 1083.34,-1316.27 1084.47,-1320.31"/>
-</g>
-<!-- src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts -->
-<g id="edge246" class="edge">
-<title>src/app/features/profile/components/profile&#45;card/profile&#45;card.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.13,-3080.49C837.16,-3076.89 846.36,-3071.36 853,-3063 874.85,-3035.48 838.55,-1825.03 861,-1798 916.39,-1731.32 996.78,-1827.4 1052.5,-1761 1069.93,-1740.23 1042.81,-1293.55 1060.5,-1273 1069.23,-1262.85 1082.03,-1257.79 1095.23,-1255.55"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.66,-1257.61 1101.31,-1254.71 1095.08,-1253.45 1095.66,-1257.61"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M635.1,-4865C652.11,-4865 670.03,-4865 686.79,-4865"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="686.91,-4867.1 692.91,-4865 686.91,-4862.9 686.91,-4867.1"/>
 </g>
 <!-- src/app/features/profile/components/profile&#45;list/profile&#45;list.component.spec.ts -->
-<g id="node151" class="node">
+<g id="node150" class="node">
 <title>src/app/features/profile/components/profile&#45;list/profile&#45;list.component.spec.ts</title>
-<g id="a_node151"><a xlink:href="src/app/features/profile/components/profile-list/profile-list.component.spec.ts" xlink:title="profile&#45;list.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M625.5,-3154C625.5,-3154 486.5,-3154 486.5,-3154 483.5,-3154 480.5,-3151 480.5,-3148 480.5,-3148 480.5,-3142 480.5,-3142 480.5,-3139 483.5,-3136 486.5,-3136 486.5,-3136 625.5,-3136 625.5,-3136 628.5,-3136 631.5,-3139 631.5,-3142 631.5,-3142 631.5,-3148 631.5,-3148 631.5,-3151 628.5,-3154 625.5,-3154"/>
-<text text-anchor="start" x="488.5" y="-3142.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;list.component.spec.ts</text>
+<g id="a_node150"><a xlink:href="src/app/features/profile/components/profile-list/profile-list.component.spec.ts" xlink:title="profile&#45;list.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M625.5,-4994C625.5,-4994 486.5,-4994 486.5,-4994 483.5,-4994 480.5,-4991 480.5,-4988 480.5,-4988 480.5,-4982 480.5,-4982 480.5,-4979 483.5,-4976 486.5,-4976 486.5,-4976 625.5,-4976 625.5,-4976 628.5,-4976 631.5,-4979 631.5,-4982 631.5,-4982 631.5,-4988 631.5,-4988 631.5,-4991 628.5,-4994 625.5,-4994"/>
+<text text-anchor="start" x="488.5" y="-4982.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;list.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/profile/components/profile&#45;list/profile&#45;list.component.spec.ts&#45;&gt;src/app/features/profile/components/profile&#45;list/profile&#45;list.component.ts -->
-<g id="edge247" class="edge">
+<g id="edge254" class="edge">
 <title>src/app/features/profile/components/profile&#45;list/profile&#45;list.component.spec.ts&#45;&gt;src/app/features/profile/components/profile&#45;list/profile&#45;list.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M631.64,-3145C650.73,-3145 671.16,-3145 689.95,-3145"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="690.25,-3147.1 696.25,-3145 690.25,-3142.9 690.25,-3147.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M631.64,-4985C650.73,-4985 671.16,-4985 689.95,-4985"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="690.25,-4987.1 696.25,-4985 690.25,-4982.9 690.25,-4987.1"/>
 </g>
 <!-- src/app/features/profile/components/profile&#45;list/profile&#45;list.component.ts&#45;&gt;src/app/core/models/person.model.ts -->
-<g id="edge248" class="edge">
+<g id="edge255" class="edge">
 <title>src/app/features/profile/components/profile&#45;list/profile&#45;list.component.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M823.86,-3141.59C835.15,-3138.05 845.65,-3132.26 853,-3123 874.36,-3096.12 838.52,-1912.95 861,-1887 889.82,-1853.74 1519.45,-1819.85 1559.5,-1857 1610.18,-1904.01 1611.29,-2428.37 1611.06,-2525.55"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1608.96,-2525.79 1611.04,-2531.8 1613.16,-2525.81 1608.96,-2525.79"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M823.89,-4981.61C835.17,-4978.07 845.66,-4972.27 853,-4963 864.91,-4947.95 848.63,-2213.68 861,-2199 939,-2106.4 1285.49,-2138.77 1404.5,-2161 1477.11,-2174.56 1516.84,-2160.69 1559.5,-2221 1576.7,-2245.32 1557.18,-2461.05 1567.5,-2489 1577.88,-2517.12 1602.06,-2542.87 1618.09,-2557.74"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1616.92,-2559.52 1622.78,-2562 1619.74,-2556.41 1616.92,-2559.52"/>
 </g>
 <!-- src/app/features/profile/profile.component.ts -->
-<g id="node154" class="node">
+<g id="node153" class="node">
 <title>src/app/features/profile/profile.component.ts</title>
-<g id="a_node154"><a xlink:href="src/app/features/profile/profile.component.ts" xlink:title="profile.component.ts">
-<path fill="#ddfeff" stroke="black" d="M1005,-2977C1005,-2977 906,-2977 906,-2977 903,-2977 900,-2974 900,-2971 900,-2971 900,-2965 900,-2965 900,-2962 903,-2959 906,-2959 906,-2959 1005,-2959 1005,-2959 1008,-2959 1011,-2962 1011,-2965 1011,-2965 1011,-2971 1011,-2971 1011,-2974 1008,-2977 1005,-2977"/>
-<text text-anchor="start" x="908" y="-2965.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile.component.ts</text>
+<g id="a_node153"><a xlink:href="src/app/features/profile/profile.component.ts" xlink:title="profile.component.ts">
+<path fill="#ddfeff" stroke="black" d="M1005,-4817C1005,-4817 906,-4817 906,-4817 903,-4817 900,-4814 900,-4811 900,-4811 900,-4805 900,-4805 900,-4802 903,-4799 906,-4799 906,-4799 1005,-4799 1005,-4799 1008,-4799 1011,-4802 1011,-4805 1011,-4805 1011,-4811 1011,-4811 1011,-4814 1008,-4817 1005,-4817"/>
+<text text-anchor="start" x="908" y="-4805.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/profile/profile&#45;routing.module.ts&#45;&gt;src/app/features/profile/profile.component.ts -->
-<g id="edge249" class="edge">
+<g id="edge256" class="edge">
 <title>src/app/features/profile/profile&#45;routing.module.ts&#45;&gt;src/app/features/profile/profile.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.63,-2978.07C846.88,-2976.34 871.79,-2974.41 893.8,-2972.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="894.1,-2974.79 899.92,-2972.23 893.78,-2970.6 894.1,-2974.79"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M824.63,-4818.07C846.88,-4816.34 871.79,-4814.41 893.8,-4812.71"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="894.1,-4814.79 899.92,-4812.23 893.78,-4810.6 894.1,-4814.79"/>
 </g>
 <!-- src/app/features/profile/profile.component.spec.ts -->
-<g id="node155" class="node">
+<g id="node154" class="node">
 <title>src/app/features/profile/profile.component.spec.ts</title>
-<g id="a_node155"><a xlink:href="src/app/features/profile/profile.component.spec.ts" xlink:title="profile.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M821.5,-2962C821.5,-2962 698.5,-2962 698.5,-2962 695.5,-2962 692.5,-2959 692.5,-2956 692.5,-2956 692.5,-2950 692.5,-2950 692.5,-2947 695.5,-2944 698.5,-2944 698.5,-2944 821.5,-2944 821.5,-2944 824.5,-2944 827.5,-2947 827.5,-2950 827.5,-2950 827.5,-2956 827.5,-2956 827.5,-2959 824.5,-2962 821.5,-2962"/>
-<text text-anchor="start" x="700.5" y="-2950.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile.component.spec.ts</text>
+<g id="a_node154"><a xlink:href="src/app/features/profile/profile.component.spec.ts" xlink:title="profile.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M821.5,-4802C821.5,-4802 698.5,-4802 698.5,-4802 695.5,-4802 692.5,-4799 692.5,-4796 692.5,-4796 692.5,-4790 692.5,-4790 692.5,-4787 695.5,-4784 698.5,-4784 698.5,-4784 821.5,-4784 821.5,-4784 824.5,-4784 827.5,-4787 827.5,-4790 827.5,-4790 827.5,-4796 827.5,-4796 827.5,-4799 824.5,-4802 821.5,-4802"/>
+<text text-anchor="start" x="700.5" y="-4790.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/profile/profile.component.spec.ts&#45;&gt;src/app/features/profile/profile.component.ts -->
-<g id="edge250" class="edge">
+<g id="edge257" class="edge">
 <title>src/app/features/profile/profile.component.spec.ts&#45;&gt;src/app/features/profile/profile.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.59,-2958.16C849.08,-2959.83 872.78,-2961.67 893.82,-2963.3"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="893.83,-2965.4 899.97,-2963.77 894.15,-2961.22 893.83,-2965.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M827.59,-4798.16C849.08,-4799.83 872.78,-4801.67 893.82,-4803.3"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="893.83,-4805.4 899.97,-4803.77 894.15,-4801.22 893.83,-4805.4"/>
 </g>
 <!-- src/app/features/register/register&#45;routing.module.ts&#45;&gt;src/app/features/register/register.component.ts -->
-<g id="edge256" class="edge">
+<g id="edge263" class="edge">
 <title>src/app/features/register/register&#45;routing.module.ts&#45;&gt;src/app/features/register/register.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.61,-4814C642.35,-4817.68 670.97,-4821.93 695.96,-4825.64"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="695.65,-4827.71 701.9,-4826.52 696.27,-4823.56 695.65,-4827.71"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M623.14,-3711C646.49,-3711 672.66,-3711 695.76,-3711"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="695.87,-3713.1 701.87,-3711 695.87,-3708.9 695.87,-3713.1"/>
 </g>
 <!-- src/app/features/register/register.component.spec.ts -->
-<g id="node158" class="node">
+<g id="node157" class="node">
 <title>src/app/features/register/register.component.spec.ts</title>
-<g id="a_node158"><a xlink:href="src/app/features/register/register.component.spec.ts" xlink:title="register.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M620,-4844C620,-4844 492,-4844 492,-4844 489,-4844 486,-4841 486,-4838 486,-4838 486,-4832 486,-4832 486,-4829 489,-4826 492,-4826 492,-4826 620,-4826 620,-4826 623,-4826 626,-4829 626,-4832 626,-4832 626,-4838 626,-4838 626,-4841 623,-4844 620,-4844"/>
-<text text-anchor="start" x="494" y="-4832.8" font-family="Helvetica,sans-Serif" font-size="9.00">register.component.spec.ts</text>
+<g id="a_node157"><a xlink:href="src/app/features/register/register.component.spec.ts" xlink:title="register.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M620,-3750C620,-3750 492,-3750 492,-3750 489,-3750 486,-3747 486,-3744 486,-3744 486,-3738 486,-3738 486,-3735 489,-3732 492,-3732 492,-3732 620,-3732 620,-3732 623,-3732 626,-3735 626,-3738 626,-3738 626,-3744 626,-3744 626,-3747 623,-3750 620,-3750"/>
+<text text-anchor="start" x="494" y="-3738.8" font-family="Helvetica,sans-Serif" font-size="9.00">register.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/register/register.component.spec.ts&#45;&gt;src/app/features/register/register.component.ts -->
-<g id="edge257" class="edge">
+<g id="edge264" class="edge">
 <title>src/app/features/register/register.component.spec.ts&#45;&gt;src/app/features/register/register.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M626.23,-4835C648.78,-4835 673.68,-4835 695.77,-4835"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="695.92,-4837.1 701.92,-4835 695.92,-4832.9 695.92,-4837.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.61,-3732C642.35,-3728.32 670.97,-3724.07 695.96,-3720.36"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="696.27,-3722.44 701.9,-3719.48 695.65,-3718.29 696.27,-3722.44"/>
 </g>
 <!-- src/app/features/search/search.component.ts -->
-<g id="node160" class="node">
+<g id="node159" class="node">
 <title>src/app/features/search/search.component.ts</title>
-<g id="a_node160"><a xlink:href="src/app/features/search/search.component.ts" xlink:title="search.component.ts">
-<path fill="#ddfeff" stroke="black" d="M810.5,-4739C810.5,-4739 709.5,-4739 709.5,-4739 706.5,-4739 703.5,-4736 703.5,-4733 703.5,-4733 703.5,-4727 703.5,-4727 703.5,-4724 706.5,-4721 709.5,-4721 709.5,-4721 810.5,-4721 810.5,-4721 813.5,-4721 816.5,-4724 816.5,-4727 816.5,-4727 816.5,-4733 816.5,-4733 816.5,-4736 813.5,-4739 810.5,-4739"/>
-<text text-anchor="start" x="711.5" y="-4727.8" font-family="Helvetica,sans-Serif" font-size="9.00">search.component.ts</text>
+<g id="a_node159"><a xlink:href="src/app/features/search/search.component.ts" xlink:title="search.component.ts">
+<path fill="#ddfeff" stroke="black" d="M810.5,-3631C810.5,-3631 709.5,-3631 709.5,-3631 706.5,-3631 703.5,-3628 703.5,-3625 703.5,-3625 703.5,-3619 703.5,-3619 703.5,-3616 706.5,-3613 709.5,-3613 709.5,-3613 810.5,-3613 810.5,-3613 813.5,-3613 816.5,-3616 816.5,-3619 816.5,-3619 816.5,-3625 816.5,-3625 816.5,-3628 813.5,-3631 810.5,-3631"/>
+<text text-anchor="start" x="711.5" y="-3619.8" font-family="Helvetica,sans-Serif" font-size="9.00">search.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/search/search&#45;routing.module.ts&#45;&gt;src/app/features/search/search.component.ts -->
-<g id="edge261" class="edge">
+<g id="edge268" class="edge">
 <title>src/app/features/search/search&#45;routing.module.ts&#45;&gt;src/app/features/search/search.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M621.75,-4719.81C646,-4721.61 673.47,-4723.65 697.43,-4725.43"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="697.31,-4727.52 703.45,-4725.87 697.62,-4723.34 697.31,-4727.52"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M621.75,-3632.19C646,-3630.39 673.47,-3628.35 697.43,-3626.57"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="697.62,-3628.66 703.45,-3626.13 697.31,-3624.48 697.62,-3628.66"/>
 </g>
 <!-- src/app/features/search/search.component.spec.ts -->
-<g id="node161" class="node">
+<g id="node160" class="node">
 <title>src/app/features/search/search.component.spec.ts</title>
-<g id="a_node161"><a xlink:href="src/app/features/search/search.component.spec.ts" xlink:title="search.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M618.5,-4754C618.5,-4754 493.5,-4754 493.5,-4754 490.5,-4754 487.5,-4751 487.5,-4748 487.5,-4748 487.5,-4742 487.5,-4742 487.5,-4739 490.5,-4736 493.5,-4736 493.5,-4736 618.5,-4736 618.5,-4736 621.5,-4736 624.5,-4739 624.5,-4742 624.5,-4742 624.5,-4748 624.5,-4748 624.5,-4751 621.5,-4754 618.5,-4754"/>
-<text text-anchor="start" x="495.5" y="-4742.8" font-family="Helvetica,sans-Serif" font-size="9.00">search.component.spec.ts</text>
+<g id="a_node160"><a xlink:href="src/app/features/search/search.component.spec.ts" xlink:title="search.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M618.5,-3616C618.5,-3616 493.5,-3616 493.5,-3616 490.5,-3616 487.5,-3613 487.5,-3610 487.5,-3610 487.5,-3604 487.5,-3604 487.5,-3601 490.5,-3598 493.5,-3598 493.5,-3598 618.5,-3598 618.5,-3598 621.5,-3598 624.5,-3601 624.5,-3604 624.5,-3604 624.5,-3610 624.5,-3610 624.5,-3613 621.5,-3616 618.5,-3616"/>
+<text text-anchor="start" x="495.5" y="-3604.8" font-family="Helvetica,sans-Serif" font-size="9.00">search.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/search/search.component.spec.ts&#45;&gt;src/app/features/search/search.component.ts -->
-<g id="edge262" class="edge">
+<g id="edge269" class="edge">
 <title>src/app/features/search/search.component.spec.ts&#45;&gt;src/app/features/search/search.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M624.54,-4739.98C648.02,-4738.24 674.22,-4736.3 697.21,-4734.59"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="697.46,-4736.68 703.29,-4734.14 697.15,-4732.49 697.46,-4736.68"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M624.54,-3612.02C648.02,-3613.76 674.22,-3615.7 697.21,-3617.41"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="697.15,-3619.51 703.29,-3617.86 697.46,-3615.32 697.15,-3619.51"/>
 </g>
 <!-- src/app/features/settings/settings.component.ts -->
-<g id="node163" class="node">
+<g id="node162" class="node">
 <title>src/app/features/settings/settings.component.ts</title>
-<g id="a_node163"><a xlink:href="src/app/features/settings/settings.component.ts" xlink:title="settings.component.ts">
-<path fill="#ddfeff" stroke="black" d="M813.5,-4559C813.5,-4559 706.5,-4559 706.5,-4559 703.5,-4559 700.5,-4556 700.5,-4553 700.5,-4553 700.5,-4547 700.5,-4547 700.5,-4544 703.5,-4541 706.5,-4541 706.5,-4541 813.5,-4541 813.5,-4541 816.5,-4541 819.5,-4544 819.5,-4547 819.5,-4547 819.5,-4553 819.5,-4553 819.5,-4556 816.5,-4559 813.5,-4559"/>
-<text text-anchor="start" x="708.5" y="-4547.8" font-family="Helvetica,sans-Serif" font-size="9.00">settings.component.ts</text>
+<g id="a_node162"><a xlink:href="src/app/features/settings/settings.component.ts" xlink:title="settings.component.ts">
+<path fill="#ddfeff" stroke="black" d="M813.5,-3541C813.5,-3541 706.5,-3541 706.5,-3541 703.5,-3541 700.5,-3538 700.5,-3535 700.5,-3535 700.5,-3529 700.5,-3529 700.5,-3526 703.5,-3523 706.5,-3523 706.5,-3523 813.5,-3523 813.5,-3523 816.5,-3523 819.5,-3526 819.5,-3529 819.5,-3529 819.5,-3535 819.5,-3535 819.5,-3538 816.5,-3541 813.5,-3541"/>
+<text text-anchor="start" x="708.5" y="-3529.8" font-family="Helvetica,sans-Serif" font-size="9.00">settings.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/settings/settings&#45;routing.module.ts&#45;&gt;src/app/features/settings/settings.component.ts -->
-<g id="edge265" class="edge">
+<g id="edge272" class="edge">
 <title>src/app/features/settings/settings&#45;routing.module.ts&#45;&gt;src/app/features/settings/settings.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M624.54,-4540.02C646.98,-4541.68 671.9,-4543.53 694.13,-4545.18"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="694.18,-4547.29 700.32,-4545.64 694.49,-4543.1 694.18,-4547.29"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M624.54,-3541.98C646.98,-3540.32 671.9,-3538.47 694.13,-3536.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="694.49,-3538.9 700.32,-3536.36 694.18,-3534.71 694.49,-3538.9"/>
 </g>
 <!-- src/app/features/settings/settings.component.spec.ts -->
-<g id="node164" class="node">
+<g id="node163" class="node">
 <title>src/app/features/settings/settings.component.spec.ts</title>
-<g id="a_node164"><a xlink:href="src/app/features/settings/settings.component.spec.ts" xlink:title="settings.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M621.5,-4574C621.5,-4574 490.5,-4574 490.5,-4574 487.5,-4574 484.5,-4571 484.5,-4568 484.5,-4568 484.5,-4562 484.5,-4562 484.5,-4559 487.5,-4556 490.5,-4556 490.5,-4556 621.5,-4556 621.5,-4556 624.5,-4556 627.5,-4559 627.5,-4562 627.5,-4562 627.5,-4568 627.5,-4568 627.5,-4571 624.5,-4574 621.5,-4574"/>
-<text text-anchor="start" x="492.5" y="-4562.8" font-family="Helvetica,sans-Serif" font-size="9.00">settings.component.spec.ts</text>
+<g id="a_node163"><a xlink:href="src/app/features/settings/settings.component.spec.ts" xlink:title="settings.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M621.5,-3526C621.5,-3526 490.5,-3526 490.5,-3526 487.5,-3526 484.5,-3523 484.5,-3520 484.5,-3520 484.5,-3514 484.5,-3514 484.5,-3511 487.5,-3508 490.5,-3508 490.5,-3508 621.5,-3508 621.5,-3508 624.5,-3508 627.5,-3511 627.5,-3514 627.5,-3514 627.5,-3520 627.5,-3520 627.5,-3523 624.5,-3526 621.5,-3526"/>
+<text text-anchor="start" x="492.5" y="-3514.8" font-family="Helvetica,sans-Serif" font-size="9.00">settings.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/settings/settings.component.spec.ts&#45;&gt;src/app/features/settings/settings.component.ts -->
-<g id="edge266" class="edge">
+<g id="edge273" class="edge">
 <title>src/app/features/settings/settings.component.spec.ts&#45;&gt;src/app/features/settings/settings.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.65,-4559.75C649.29,-4558.15 672.98,-4556.39 694.21,-4554.81"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="694.6,-4556.89 700.42,-4554.35 694.29,-4552.7 694.6,-4556.89"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.65,-3522.25C649.29,-3523.85 672.98,-3525.61 694.21,-3527.19"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="694.29,-3529.3 700.42,-3527.65 694.6,-3525.11 694.29,-3529.3"/>
 </g>
 <!-- src/app/features/splash/splash&#45;routing.module.ts&#45;&gt;src/app/features/splash/splash.component.ts -->
-<g id="edge269" class="edge">
+<g id="edge276" class="edge">
 <title>src/app/features/splash/splash&#45;routing.module.ts&#45;&gt;src/app/features/splash/splash.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.61,-4440C643.1,-4443.79 672.71,-4448.19 698.23,-4451.97"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="698.04,-4454.07 704.28,-4452.87 698.66,-4449.92 698.04,-4454.07"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M620.64,-3427C645.37,-3427 673.58,-3427 698.05,-3427"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="698.19,-3429.1 704.19,-3427 698.19,-3424.9 698.19,-3429.1"/>
 </g>
 <!-- src/app/features/splash/splash.component.spec.ts -->
-<g id="node167" class="node">
+<g id="node166" class="node">
 <title>src/app/features/splash/splash.component.spec.ts</title>
-<g id="a_node167"><a xlink:href="src/app/features/splash/splash.component.spec.ts" xlink:title="splash.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M617.5,-4470C617.5,-4470 494.5,-4470 494.5,-4470 491.5,-4470 488.5,-4467 488.5,-4464 488.5,-4464 488.5,-4458 488.5,-4458 488.5,-4455 491.5,-4452 494.5,-4452 494.5,-4452 617.5,-4452 617.5,-4452 620.5,-4452 623.5,-4455 623.5,-4458 623.5,-4458 623.5,-4464 623.5,-4464 623.5,-4467 620.5,-4470 617.5,-4470"/>
-<text text-anchor="start" x="496.5" y="-4458.8" font-family="Helvetica,sans-Serif" font-size="9.00">splash.component.spec.ts</text>
+<g id="a_node166"><a xlink:href="src/app/features/splash/splash.component.spec.ts" xlink:title="splash.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M617.5,-3466C617.5,-3466 494.5,-3466 494.5,-3466 491.5,-3466 488.5,-3463 488.5,-3460 488.5,-3460 488.5,-3454 488.5,-3454 488.5,-3451 491.5,-3448 494.5,-3448 494.5,-3448 617.5,-3448 617.5,-3448 620.5,-3448 623.5,-3451 623.5,-3454 623.5,-3454 623.5,-3460 623.5,-3460 623.5,-3463 620.5,-3466 617.5,-3466"/>
+<text text-anchor="start" x="496.5" y="-3454.8" font-family="Helvetica,sans-Serif" font-size="9.00">splash.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/splash/splash.component.spec.ts&#45;&gt;src/app/features/splash/splash.component.ts -->
-<g id="edge270" class="edge">
+<g id="edge277" class="edge">
 <title>src/app/features/splash/splash.component.spec.ts&#45;&gt;src/app/features/splash/splash.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M623.7,-4461C647.75,-4461 674.75,-4461 698.27,-4461"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="698.48,-4463.1 704.48,-4461 698.48,-4458.9 698.48,-4463.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.61,-3448C643.1,-3444.21 672.71,-3439.81 698.23,-3436.03"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="698.66,-3438.08 704.28,-3435.13 698.04,-3433.93 698.66,-3438.08"/>
 </g>
 <!-- src/app/features/stats/stats&#45;routing.module.ts&#45;&gt;src/app/features/stats/stats.component.ts -->
-<g id="edge274" class="edge">
+<g id="edge281" class="edge">
 <title>src/app/features/stats/stats&#45;routing.module.ts&#45;&gt;src/app/features/stats/stats.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.06,-4335.92C643.76,-4339.89 675.06,-4344.53 701.46,-4348.45"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="701.47,-4350.58 707.71,-4349.38 702.08,-4346.42 701.47,-4350.58"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.06,-3323C643.76,-3323 675.06,-3323 701.46,-3323"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="701.71,-3325.1 707.71,-3323 701.71,-3320.9 701.71,-3325.1"/>
 </g>
 <!-- src/app/features/stats/stats.component.spec.ts -->
-<g id="node170" class="node">
+<g id="node169" class="node">
 <title>src/app/features/stats/stats.component.spec.ts</title>
-<g id="a_node170"><a xlink:href="src/app/features/stats/stats.component.spec.ts" xlink:title="stats.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M614,-4366C614,-4366 498,-4366 498,-4366 495,-4366 492,-4363 492,-4360 492,-4360 492,-4354 492,-4354 492,-4351 495,-4348 498,-4348 498,-4348 614,-4348 614,-4348 617,-4348 620,-4351 620,-4354 620,-4354 620,-4360 620,-4360 620,-4363 617,-4366 614,-4366"/>
-<text text-anchor="start" x="500" y="-4354.8" font-family="Helvetica,sans-Serif" font-size="9.00">stats.component.spec.ts</text>
+<g id="a_node169"><a xlink:href="src/app/features/stats/stats.component.spec.ts" xlink:title="stats.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M614,-3362C614,-3362 498,-3362 498,-3362 495,-3362 492,-3359 492,-3356 492,-3356 492,-3350 492,-3350 492,-3347 495,-3344 498,-3344 498,-3344 614,-3344 614,-3344 617,-3344 620,-3347 620,-3350 620,-3350 620,-3356 620,-3356 620,-3359 617,-3362 614,-3362"/>
+<text text-anchor="start" x="500" y="-3350.8" font-family="Helvetica,sans-Serif" font-size="9.00">stats.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/stats/stats.component.spec.ts&#45;&gt;src/app/features/stats/stats.component.ts -->
-<g id="edge275" class="edge">
+<g id="edge282" class="edge">
 <title>src/app/features/stats/stats.component.spec.ts&#45;&gt;src/app/features/stats/stats.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M620.08,-4357C646.23,-4357 676.35,-4357 701.84,-4357"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="701.88,-4359.1 707.88,-4357 701.88,-4354.9 701.88,-4359.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.61,-3344C644.29,-3340.04 675.47,-3335.41 701.76,-3331.5"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="702.35,-3333.54 707.98,-3330.58 701.73,-3329.38 702.35,-3333.54"/>
 </g>
 <!-- src/app/features/terms/terms&#45;routing.module.ts&#45;&gt;src/app/features/terms/terms.component.ts -->
-<g id="edge279" class="edge">
+<g id="edge286" class="edge">
 <title>src/app/features/terms/terms&#45;routing.module.ts&#45;&gt;src/app/features/terms/terms.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.61,-4142C643.43,-4145.84 673.47,-4150.3 699.2,-4154.12"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.06,-4156.22 705.3,-4155.02 699.67,-4152.07 699.06,-4156.22"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M619.53,-3115C644.85,-3115 673.95,-3115 699.01,-3115"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.28,-3117.1 705.28,-3115 699.28,-3112.9 699.28,-3117.1"/>
 </g>
 <!-- src/app/features/terms/terms.component.spec.ts -->
-<g id="node173" class="node">
+<g id="node172" class="node">
 <title>src/app/features/terms/terms.component.spec.ts</title>
-<g id="a_node173"><a xlink:href="src/app/features/terms/terms.component.spec.ts" xlink:title="terms.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M616.5,-4172C616.5,-4172 495.5,-4172 495.5,-4172 492.5,-4172 489.5,-4169 489.5,-4166 489.5,-4166 489.5,-4160 489.5,-4160 489.5,-4157 492.5,-4154 495.5,-4154 495.5,-4154 616.5,-4154 616.5,-4154 619.5,-4154 622.5,-4157 622.5,-4160 622.5,-4160 622.5,-4166 622.5,-4166 622.5,-4169 619.5,-4172 616.5,-4172"/>
-<text text-anchor="start" x="497.5" y="-4160.8" font-family="Helvetica,sans-Serif" font-size="9.00">terms.component.spec.ts</text>
+<g id="a_node172"><a xlink:href="src/app/features/terms/terms.component.spec.ts" xlink:title="terms.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M616.5,-3154C616.5,-3154 495.5,-3154 495.5,-3154 492.5,-3154 489.5,-3151 489.5,-3148 489.5,-3148 489.5,-3142 489.5,-3142 489.5,-3139 492.5,-3136 495.5,-3136 495.5,-3136 616.5,-3136 616.5,-3136 619.5,-3136 622.5,-3139 622.5,-3142 622.5,-3142 622.5,-3148 622.5,-3148 622.5,-3151 619.5,-3154 616.5,-3154"/>
+<text text-anchor="start" x="497.5" y="-3142.8" font-family="Helvetica,sans-Serif" font-size="9.00">terms.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/terms/terms.component.spec.ts&#45;&gt;src/app/features/terms/terms.component.ts -->
-<g id="edge280" class="edge">
+<g id="edge287" class="edge">
 <title>src/app/features/terms/terms.component.spec.ts&#45;&gt;src/app/features/terms/terms.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M622.58,-4163C647.22,-4163 675.08,-4163 699.17,-4163"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.21,-4165.1 705.21,-4163 699.21,-4160.9 699.21,-4165.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M617.61,-3136C643.43,-3132.16 673.47,-3127.7 699.2,-3123.88"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="699.67,-3125.93 705.3,-3122.98 699.06,-3121.78 699.67,-3125.93"/>
 </g>
 <!-- src/app/features/the&#45;wire/the&#45;wire.component.ts -->
-<g id="node175" class="node">
+<g id="node174" class="node">
 <title>src/app/features/the&#45;wire/the&#45;wire.component.ts</title>
-<g id="a_node175"><a xlink:href="src/app/features/the-wire/the-wire.component.ts" xlink:title="the&#45;wire.component.ts">
-<path fill="#ddfeff" stroke="black" d="M813.5,-4067C813.5,-4067 706.5,-4067 706.5,-4067 703.5,-4067 700.5,-4064 700.5,-4061 700.5,-4061 700.5,-4055 700.5,-4055 700.5,-4052 703.5,-4049 706.5,-4049 706.5,-4049 813.5,-4049 813.5,-4049 816.5,-4049 819.5,-4052 819.5,-4055 819.5,-4055 819.5,-4061 819.5,-4061 819.5,-4064 816.5,-4067 813.5,-4067"/>
-<text text-anchor="start" x="708.5" y="-4055.8" font-family="Helvetica,sans-Serif" font-size="9.00">the&#45;wire.component.ts</text>
+<g id="a_node174"><a xlink:href="src/app/features/the-wire/the-wire.component.ts" xlink:title="the&#45;wire.component.ts">
+<path fill="#ddfeff" stroke="black" d="M813.5,-3035C813.5,-3035 706.5,-3035 706.5,-3035 703.5,-3035 700.5,-3032 700.5,-3029 700.5,-3029 700.5,-3023 700.5,-3023 700.5,-3020 703.5,-3017 706.5,-3017 706.5,-3017 813.5,-3017 813.5,-3017 816.5,-3017 819.5,-3020 819.5,-3023 819.5,-3023 819.5,-3029 819.5,-3029 819.5,-3032 816.5,-3035 813.5,-3035"/>
+<text text-anchor="start" x="708.5" y="-3023.8" font-family="Helvetica,sans-Serif" font-size="9.00">the&#45;wire.component.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/the&#45;wire/the&#45;wire&#45;routing.module.ts&#45;&gt;src/app/features/the&#45;wire/the&#45;wire.component.ts -->
-<g id="edge284" class="edge">
+<g id="edge291" class="edge">
 <title>src/app/features/the&#45;wire/the&#45;wire&#45;routing.module.ts&#45;&gt;src/app/features/the&#45;wire/the&#45;wire.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M624.54,-4048.02C646.98,-4049.68 671.9,-4051.53 694.13,-4053.18"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="694.18,-4055.29 700.32,-4053.64 694.49,-4051.1 694.18,-4055.29"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M624.54,-3035.98C646.98,-3034.32 671.9,-3032.47 694.13,-3030.82"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="694.49,-3032.9 700.32,-3030.36 694.18,-3028.71 694.49,-3032.9"/>
 </g>
 <!-- src/app/features/the&#45;wire/the&#45;wire.component.spec.ts -->
-<g id="node176" class="node">
+<g id="node175" class="node">
 <title>src/app/features/the&#45;wire/the&#45;wire.component.spec.ts</title>
-<g id="a_node176"><a xlink:href="src/app/features/the-wire/the-wire.component.spec.ts" xlink:title="the&#45;wire.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M621.5,-4082C621.5,-4082 490.5,-4082 490.5,-4082 487.5,-4082 484.5,-4079 484.5,-4076 484.5,-4076 484.5,-4070 484.5,-4070 484.5,-4067 487.5,-4064 490.5,-4064 490.5,-4064 621.5,-4064 621.5,-4064 624.5,-4064 627.5,-4067 627.5,-4070 627.5,-4070 627.5,-4076 627.5,-4076 627.5,-4079 624.5,-4082 621.5,-4082"/>
-<text text-anchor="start" x="492.5" y="-4070.8" font-family="Helvetica,sans-Serif" font-size="9.00">the&#45;wire.component.spec.ts</text>
+<g id="a_node175"><a xlink:href="src/app/features/the-wire/the-wire.component.spec.ts" xlink:title="the&#45;wire.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M621.5,-3020C621.5,-3020 490.5,-3020 490.5,-3020 487.5,-3020 484.5,-3017 484.5,-3014 484.5,-3014 484.5,-3008 484.5,-3008 484.5,-3005 487.5,-3002 490.5,-3002 490.5,-3002 621.5,-3002 621.5,-3002 624.5,-3002 627.5,-3005 627.5,-3008 627.5,-3008 627.5,-3014 627.5,-3014 627.5,-3017 624.5,-3020 621.5,-3020"/>
+<text text-anchor="start" x="492.5" y="-3008.8" font-family="Helvetica,sans-Serif" font-size="9.00">the&#45;wire.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/features/the&#45;wire/the&#45;wire.component.spec.ts&#45;&gt;src/app/features/the&#45;wire/the&#45;wire.component.ts -->
-<g id="edge285" class="edge">
+<g id="edge292" class="edge">
 <title>src/app/features/the&#45;wire/the&#45;wire.component.spec.ts&#45;&gt;src/app/features/the&#45;wire/the&#45;wire.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.65,-4067.75C649.29,-4066.15 672.98,-4064.39 694.21,-4062.81"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="694.6,-4064.89 700.42,-4062.35 694.29,-4060.7 694.6,-4064.89"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M627.65,-3016.25C649.29,-3017.85 672.98,-3019.61 694.21,-3021.19"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="694.29,-3023.3 700.42,-3021.65 694.6,-3019.11 694.29,-3023.3"/>
 </g>
 <!-- src/app/shared/components/banner/banner.component.spec.ts -->
-<g id="node177" class="node">
+<g id="node176" class="node">
 <title>src/app/shared/components/banner/banner.component.spec.ts</title>
-<g id="a_node177"><a xlink:href="src/app/shared/components/banner/banner.component.spec.ts" xlink:title="banner.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M823,-1492C823,-1492 697,-1492 697,-1492 694,-1492 691,-1489 691,-1486 691,-1486 691,-1480 691,-1480 691,-1477 694,-1474 697,-1474 697,-1474 823,-1474 823,-1474 826,-1474 829,-1477 829,-1480 829,-1480 829,-1486 829,-1486 829,-1489 826,-1492 823,-1492"/>
-<text text-anchor="start" x="699" y="-1480.8" font-family="Helvetica,sans-Serif" font-size="9.00">banner.component.spec.ts</text>
+<g id="a_node176"><a xlink:href="src/app/shared/components/banner/banner.component.spec.ts" xlink:title="banner.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M823,-1482C823,-1482 697,-1482 697,-1482 694,-1482 691,-1479 691,-1476 691,-1476 691,-1470 691,-1470 691,-1467 694,-1464 697,-1464 697,-1464 823,-1464 823,-1464 826,-1464 829,-1467 829,-1470 829,-1470 829,-1476 829,-1476 829,-1479 826,-1482 823,-1482"/>
+<text text-anchor="start" x="699" y="-1470.8" font-family="Helvetica,sans-Serif" font-size="9.00">banner.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/banner/banner.component.spec.ts&#45;&gt;src/app/shared/components/banner/banner.component.ts -->
-<g id="edge288" class="edge">
+<g id="edge295" class="edge">
 <title>src/app/shared/components/banner/banner.component.spec.ts&#45;&gt;src/app/shared/components/banner/banner.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M829.22,-1483C849.73,-1483 872.12,-1483 892.22,-1483"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="892.39,-1485.1 898.39,-1483 892.39,-1480.9 892.39,-1485.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M829.22,-1473C849.73,-1473 872.12,-1473 892.22,-1473"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="892.39,-1475.1 898.39,-1473 892.39,-1470.9 892.39,-1475.1"/>
 </g>
 <!-- src/app/shared/components/blog&#45;form/blog&#45;form.component.spec.ts -->
-<g id="node178" class="node">
+<g id="node177" class="node">
 <title>src/app/shared/components/blog&#45;form/blog&#45;form.component.spec.ts</title>
-<g id="a_node178"><a xlink:href="src/app/shared/components/blog-form/blog-form.component.spec.ts" xlink:title="blog&#45;form.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M829,-1192C829,-1192 691,-1192 691,-1192 688,-1192 685,-1189 685,-1186 685,-1186 685,-1180 685,-1180 685,-1177 688,-1174 691,-1174 691,-1174 829,-1174 829,-1174 832,-1174 835,-1177 835,-1180 835,-1180 835,-1186 835,-1186 835,-1189 832,-1192 829,-1192"/>
-<text text-anchor="start" x="693" y="-1180.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog&#45;form.component.spec.ts</text>
+<g id="a_node177"><a xlink:href="src/app/shared/components/blog-form/blog-form.component.spec.ts" xlink:title="blog&#45;form.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M829,-942C829,-942 691,-942 691,-942 688,-942 685,-939 685,-936 685,-936 685,-930 685,-930 685,-927 688,-924 691,-924 691,-924 829,-924 829,-924 832,-924 835,-927 835,-930 835,-930 835,-936 835,-936 835,-939 832,-942 829,-942"/>
+<text text-anchor="start" x="693" y="-930.8" font-family="Helvetica,sans-Serif" font-size="9.00">blog&#45;form.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/blog&#45;form/blog&#45;form.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge292" class="edge">
+<g id="edge299" class="edge">
 <title>src/app/shared/components/blog&#45;form/blog&#45;form.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.75,-1192.09C824.94,-1197.93 842.7,-1207.47 853,-1223 865.03,-1241.15 846.04,-1991.17 861,-2007 868.12,-2014.54 1224.03,-2027.77 1233.5,-2032 1269.98,-2048.32 1300.33,-2085.99 1315.01,-2106.71"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1313.41,-2108.1 1318.56,-2111.83 1316.86,-2105.7 1313.41,-2108.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.77,-942.08C824.96,-947.92 842.72,-957.46 853,-973 868.48,-996.4 841.76,-1962.58 861,-1983 875.23,-1998.09 1216.11,-1996.69 1233.5,-2008 1290.81,-2045.28 1314.27,-2131.03 1321.67,-2165.87"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1319.62,-2166.3 1322.87,-2171.76 1323.73,-2165.46 1319.62,-2166.3"/>
 </g>
 <!-- src/app/shared/components/blog&#45;form/blog&#45;form.component.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts -->
-<g id="edge289" class="edge">
+<g id="edge296" class="edge">
 <title>src/app/shared/components/blog&#45;form/blog&#45;form.component.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.14,-1192.02C824.46,-1197.85 842.48,-1207.41 853,-1223 871.53,-1250.45 846.93,-1491.02 861,-1521 875.86,-1552.67 909.36,-1577.09 931.95,-1590.76"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="930.93,-1592.6 937.16,-1593.84 933.07,-1588.98 930.93,-1592.6"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.72,-942.12C824.9,-947.96 842.67,-957.49 853,-973 869.58,-997.88 848.46,-1483.86 861,-1511 875.67,-1542.75 909.22,-1567.16 931.88,-1580.8"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="930.87,-1582.64 937.1,-1583.87 932.99,-1579.02 930.87,-1582.64"/>
 </g>
 <!-- src/app/shared/components/blog&#45;form/blog&#45;form.component.spec.ts&#45;&gt;src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.ts -->
-<g id="edge290" class="edge">
+<g id="edge297" class="edge">
 <title>src/app/shared/components/blog&#45;form/blog&#45;form.component.spec.ts&#45;&gt;src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.68,-1192.14C824.86,-1197.99 842.63,-1207.51 853,-1223 865.92,-1242.3 846.41,-1622.93 861,-1641 866.7,-1648.06 874.21,-1653.12 882.49,-1656.7"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="881.99,-1658.75 888.34,-1658.94 883.49,-1654.83 881.99,-1658.75"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.74,-942.1C824.92,-947.94 842.69,-957.48 853,-973 863.12,-988.23 849.56,-1616.74 861,-1631 866.68,-1638.08 874.17,-1643.15 882.45,-1646.73"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="881.94,-1648.79 888.29,-1648.98 883.45,-1644.87 881.94,-1648.79"/>
 </g>
 <!-- src/app/shared/components/blog&#45;form/blog&#45;form.component.spec.ts&#45;&gt;src/app/shared/components/blog&#45;form/blog&#45;form.component.ts -->
-<g id="edge291" class="edge">
+<g id="edge298" class="edge">
 <title>src/app/shared/components/blog&#45;form/blog&#45;form.component.spec.ts&#45;&gt;src/app/shared/components/blog&#45;form/blog&#45;form.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M835.26,-1183C852.06,-1183 869.82,-1183 886.35,-1183"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.39,-1185.1 892.39,-1183 886.39,-1180.9 886.39,-1185.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M835.26,-933C852.06,-933 869.82,-933 886.35,-933"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.39,-935.1 892.39,-933 886.39,-930.9 886.39,-935.1"/>
 </g>
 <!-- src/app/shared/components/blog&#45;form/blog&#45;form.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge293" class="edge">
+<g id="edge300" class="edge">
 <title>src/app/shared/components/blog&#45;form/blog&#45;form.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.77,-1192.07C1024.22,-1197.89 1042.03,-1207.41 1052.5,-1223 1070.82,-1250.28 1039.19,-2380.99 1060.5,-2406 1067.42,-2414.12 1076.94,-2418.99 1087.2,-2421.77"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087,-2423.88 1093.31,-2423.17 1087.93,-2419.78 1087,-2423.88"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.78,-942.06C1024.24,-947.88 1042.04,-957.4 1052.5,-973 1063.82,-989.88 1047.33,-2420.53 1060.5,-2436 1067.41,-2444.12 1076.93,-2449 1087.19,-2451.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.99,-2453.88 1093.31,-2453.18 1087.93,-2449.79 1086.99,-2453.88"/>
 </g>
 <!-- src/app/shared/components/button/button.component.spec.ts -->
-<g id="node182" class="node">
+<g id="node181" class="node">
 <title>src/app/shared/components/button/button.component.spec.ts</title>
-<g id="a_node182"><a xlink:href="src/app/shared/components/button/button.component.spec.ts" xlink:title="button.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M822.5,-558C822.5,-558 697.5,-558 697.5,-558 694.5,-558 691.5,-555 691.5,-552 691.5,-552 691.5,-546 691.5,-546 691.5,-543 694.5,-540 697.5,-540 697.5,-540 822.5,-540 822.5,-540 825.5,-540 828.5,-543 828.5,-546 828.5,-546 828.5,-552 828.5,-552 828.5,-555 825.5,-558 822.5,-558"/>
-<text text-anchor="start" x="699.5" y="-546.8" font-family="Helvetica,sans-Serif" font-size="9.00">button.component.spec.ts</text>
+<g id="a_node181"><a xlink:href="src/app/shared/components/button/button.component.spec.ts" xlink:title="button.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M822.5,-548C822.5,-548 697.5,-548 697.5,-548 694.5,-548 691.5,-545 691.5,-542 691.5,-542 691.5,-536 691.5,-536 691.5,-533 694.5,-530 697.5,-530 697.5,-530 822.5,-530 822.5,-530 825.5,-530 828.5,-533 828.5,-536 828.5,-536 828.5,-542 828.5,-542 828.5,-545 825.5,-548 822.5,-548"/>
+<text text-anchor="start" x="699.5" y="-536.8" font-family="Helvetica,sans-Serif" font-size="9.00">button.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/button/button.component.spec.ts&#45;&gt;src/app/shared/components/button/button.component.ts -->
-<g id="edge294" class="edge">
+<g id="edge301" class="edge">
 <title>src/app/shared/components/button/button.component.spec.ts&#45;&gt;src/app/shared/components/button/button.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M828.68,-549C849.42,-549 872.12,-549 892.47,-549"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="892.7,-551.1 898.7,-549 892.7,-546.9 892.7,-551.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M828.68,-539C849.42,-539 872.12,-539 892.47,-539"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="892.7,-541.1 898.7,-539 892.7,-536.9 892.7,-541.1"/>
 </g>
 <!-- src/app/shared/components/button/button.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts -->
-<g id="edge296" class="edge">
+<g id="edge303" class="edge">
 <title>src/app/shared/components/button/button.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.48,-558.01C1024.01,-563.82 1041.95,-573.36 1052.5,-589 1063.59,-605.44 1047.6,-1287.93 1060.5,-1303 1066.64,-1310.17 1074.8,-1314.8 1083.7,-1317.7"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1083.3,-1319.77 1089.65,-1319.36 1084.43,-1315.72 1083.3,-1319.77"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.48,-548.01C1024.01,-553.82 1041.95,-563.36 1052.5,-579 1063.59,-595.44 1047.6,-1277.93 1060.5,-1293 1066.64,-1300.17 1074.8,-1304.8 1083.7,-1307.7"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1083.3,-1309.77 1089.65,-1309.36 1084.43,-1305.72 1083.3,-1309.77"/>
 </g>
 <!-- src/app/shared/components/button/button.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts -->
-<g id="edge299" class="edge">
+<g id="edge306" class="edge">
 <title>src/app/shared/components/button/button.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.47,-558.02C1024,-563.83 1041.94,-573.37 1052.5,-589 1062.67,-604.05 1048.68,-1229.2 1060.5,-1243 1069.21,-1253.17 1082,-1258.24 1095.2,-1260.47"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.06,-1262.57 1101.29,-1261.31 1095.63,-1258.41 1095.06,-1262.57"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.47,-548.02C1024,-553.83 1041.94,-563.37 1052.5,-579 1062.67,-594.05 1048.68,-1219.2 1060.5,-1233 1069.21,-1243.17 1082,-1248.24 1095.2,-1250.47"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.06,-1252.57 1101.29,-1251.31 1095.63,-1248.41 1095.06,-1252.57"/>
 </g>
 <!-- src/app/shared/models/button&#45;type.ts -->
-<g id="node184" class="node">
+<g id="node183" class="node">
 <title>src/app/shared/models/button&#45;type.ts</title>
-<g id="a_node184"><a xlink:href="src/app/shared/models/button-type.ts" xlink:title="button&#45;type.ts">
-<path fill="#ddfeff" stroke="black" d="M1186,-1207C1186,-1207 1116,-1207 1116,-1207 1113,-1207 1110,-1204 1110,-1201 1110,-1201 1110,-1195 1110,-1195 1110,-1192 1113,-1189 1116,-1189 1116,-1189 1186,-1189 1186,-1189 1189,-1189 1192,-1192 1192,-1195 1192,-1195 1192,-1201 1192,-1201 1192,-1204 1189,-1207 1186,-1207"/>
-<text text-anchor="start" x="1118" y="-1195.8" font-family="Helvetica,sans-Serif" font-size="9.00">button&#45;type.ts</text>
+<g id="a_node183"><a xlink:href="src/app/shared/models/button-type.ts" xlink:title="button&#45;type.ts">
+<path fill="#ddfeff" stroke="black" d="M1186,-1197C1186,-1197 1116,-1197 1116,-1197 1113,-1197 1110,-1194 1110,-1191 1110,-1191 1110,-1185 1110,-1185 1110,-1182 1113,-1179 1116,-1179 1116,-1179 1186,-1179 1186,-1179 1189,-1179 1192,-1182 1192,-1185 1192,-1185 1192,-1191 1192,-1191 1192,-1194 1189,-1197 1186,-1197"/>
+<text text-anchor="start" x="1118" y="-1185.8" font-family="Helvetica,sans-Serif" font-size="9.00">button&#45;type.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/button/button.component.ts&#45;&gt;src/app/shared/models/button&#45;type.ts -->
-<g id="edge295" class="edge">
+<g id="edge302" class="edge">
 <title>src/app/shared/components/button/button.component.ts&#45;&gt;src/app/shared/models/button&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.46,-558.03C1023.99,-563.84 1041.93,-573.37 1052.5,-589 1070.99,-616.34 1039.01,-1157.95 1060.5,-1183 1071.01,-1195.24 1087.43,-1200.09 1103.35,-1201.5"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1103.53,-1203.62 1109.65,-1201.89 1103.79,-1199.43 1103.53,-1203.62"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.46,-548.03C1023.99,-553.84 1041.93,-563.37 1052.5,-579 1070.99,-606.34 1039.01,-1147.95 1060.5,-1173 1071.01,-1185.24 1087.43,-1190.09 1103.35,-1191.5"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1103.53,-1193.62 1109.65,-1191.89 1103.79,-1189.43 1103.53,-1193.62"/>
 </g>
 <!-- src/app/shared/models/material&#45;color.ts -->
-<g id="node185" class="node">
+<g id="node184" class="node">
 <title>src/app/shared/models/material&#45;color.ts</title>
-<g id="a_node185"><a xlink:href="src/app/shared/models/material-color.ts" xlink:title="material&#45;color.ts">
-<path fill="#ddfeff" stroke="black" d="M1189.5,-1177C1189.5,-1177 1112.5,-1177 1112.5,-1177 1109.5,-1177 1106.5,-1174 1106.5,-1171 1106.5,-1171 1106.5,-1165 1106.5,-1165 1106.5,-1162 1109.5,-1159 1112.5,-1159 1112.5,-1159 1189.5,-1159 1189.5,-1159 1192.5,-1159 1195.5,-1162 1195.5,-1165 1195.5,-1165 1195.5,-1171 1195.5,-1171 1195.5,-1174 1192.5,-1177 1189.5,-1177"/>
-<text text-anchor="start" x="1114.5" y="-1165.8" font-family="Helvetica,sans-Serif" font-size="9.00">material&#45;color.ts</text>
+<g id="a_node184"><a xlink:href="src/app/shared/models/material-color.ts" xlink:title="material&#45;color.ts">
+<path fill="#ddfeff" stroke="black" d="M1189.5,-1167C1189.5,-1167 1112.5,-1167 1112.5,-1167 1109.5,-1167 1106.5,-1164 1106.5,-1161 1106.5,-1161 1106.5,-1155 1106.5,-1155 1106.5,-1152 1109.5,-1149 1112.5,-1149 1112.5,-1149 1189.5,-1149 1189.5,-1149 1192.5,-1149 1195.5,-1152 1195.5,-1155 1195.5,-1155 1195.5,-1161 1195.5,-1161 1195.5,-1164 1192.5,-1167 1189.5,-1167"/>
+<text text-anchor="start" x="1114.5" y="-1155.8" font-family="Helvetica,sans-Serif" font-size="9.00">material&#45;color.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/button/button.component.ts&#45;&gt;src/app/shared/models/material&#45;color.ts -->
-<g id="edge297" class="edge">
+<g id="edge304" class="edge">
 <title>src/app/shared/components/button/button.component.ts&#45;&gt;src/app/shared/models/material&#45;color.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1002.5,-558.02C1020.68,-563.88 1040.14,-573.45 1052.5,-589 1124.97,-680.21 1145.76,-1070.13 1149.38,-1152.63"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1147.29,-1152.94 1149.64,-1158.84 1151.49,-1152.76 1147.29,-1152.94"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1002.5,-548.02C1020.68,-553.88 1040.14,-563.45 1052.5,-579 1124.97,-670.21 1145.76,-1060.13 1149.38,-1142.63"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1147.29,-1142.94 1149.64,-1148.84 1151.49,-1142.76 1147.29,-1142.94"/>
 </g>
 <!-- src/app/shared/models/theme.ts -->
-<g id="node186" class="node">
+<g id="node185" class="node">
 <title>src/app/shared/models/theme.ts</title>
-<g id="a_node186"><a xlink:href="src/app/shared/models/theme.ts" xlink:title="theme.ts">
-<path fill="#ddfeff" stroke="black" d="M1173.5,-1237C1173.5,-1237 1128.5,-1237 1128.5,-1237 1125.5,-1237 1122.5,-1234 1122.5,-1231 1122.5,-1231 1122.5,-1225 1122.5,-1225 1122.5,-1222 1125.5,-1219 1128.5,-1219 1128.5,-1219 1173.5,-1219 1173.5,-1219 1176.5,-1219 1179.5,-1222 1179.5,-1225 1179.5,-1225 1179.5,-1231 1179.5,-1231 1179.5,-1234 1176.5,-1237 1173.5,-1237"/>
-<text text-anchor="start" x="1130.5" y="-1225.8" font-family="Helvetica,sans-Serif" font-size="9.00">theme.ts</text>
+<g id="a_node185"><a xlink:href="src/app/shared/models/theme.ts" xlink:title="theme.ts">
+<path fill="#ddfeff" stroke="black" d="M1173.5,-1227C1173.5,-1227 1128.5,-1227 1128.5,-1227 1125.5,-1227 1122.5,-1224 1122.5,-1221 1122.5,-1221 1122.5,-1215 1122.5,-1215 1122.5,-1212 1125.5,-1209 1128.5,-1209 1128.5,-1209 1173.5,-1209 1173.5,-1209 1176.5,-1209 1179.5,-1212 1179.5,-1215 1179.5,-1215 1179.5,-1221 1179.5,-1221 1179.5,-1224 1176.5,-1227 1173.5,-1227"/>
+<text text-anchor="start" x="1130.5" y="-1215.8" font-family="Helvetica,sans-Serif" font-size="9.00">theme.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/button/button.component.ts&#45;&gt;src/app/shared/models/theme.ts -->
-<g id="edge298" class="edge">
+<g id="edge305" class="edge">
 <title>src/app/shared/components/button/button.component.ts&#45;&gt;src/app/shared/models/theme.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.47,-558.02C1024,-563.83 1041.93,-573.37 1052.5,-589 1062.21,-603.36 1049.22,-1199.84 1060.5,-1213 1073.92,-1228.65 1097,-1232.22 1116.36,-1231.97"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1116.57,-1234.07 1122.5,-1231.77 1116.43,-1229.87 1116.57,-1234.07"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.47,-548.02C1024,-553.83 1041.93,-563.37 1052.5,-579 1062.21,-593.36 1049.22,-1189.84 1060.5,-1203 1073.92,-1218.65 1097,-1222.22 1116.36,-1221.97"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1116.57,-1224.07 1122.5,-1221.77 1116.43,-1219.87 1116.57,-1224.07"/>
 </g>
 <!-- src/app/shared/components/calendar&#45;button/calendar&#45;button.component.spec.ts -->
-<g id="node187" class="node">
+<g id="node186" class="node">
 <title>src/app/shared/components/calendar&#45;button/calendar&#45;button.component.spec.ts</title>
-<g id="a_node187"><a xlink:href="src/app/shared/components/calendar-button/calendar-button.component.spec.ts" xlink:title="calendar&#45;button.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M843.5,-1072C843.5,-1072 676.5,-1072 676.5,-1072 673.5,-1072 670.5,-1069 670.5,-1066 670.5,-1066 670.5,-1060 670.5,-1060 670.5,-1057 673.5,-1054 676.5,-1054 676.5,-1054 843.5,-1054 843.5,-1054 846.5,-1054 849.5,-1057 849.5,-1060 849.5,-1060 849.5,-1066 849.5,-1066 849.5,-1069 846.5,-1072 843.5,-1072"/>
-<text text-anchor="start" x="678.5" y="-1060.8" font-family="Helvetica,sans-Serif" font-size="9.00">calendar&#45;button.component.spec.ts</text>
+<g id="a_node186"><a xlink:href="src/app/shared/components/calendar-button/calendar-button.component.spec.ts" xlink:title="calendar&#45;button.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M843.5,-1002C843.5,-1002 676.5,-1002 676.5,-1002 673.5,-1002 670.5,-999 670.5,-996 670.5,-996 670.5,-990 670.5,-990 670.5,-987 673.5,-984 676.5,-984 676.5,-984 843.5,-984 843.5,-984 846.5,-984 849.5,-987 849.5,-990 849.5,-990 849.5,-996 849.5,-996 849.5,-999 846.5,-1002 843.5,-1002"/>
+<text text-anchor="start" x="678.5" y="-990.8" font-family="Helvetica,sans-Serif" font-size="9.00">calendar&#45;button.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/calendar&#45;button/calendar&#45;button.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge301" class="edge">
+<g id="edge308" class="edge">
 <title>src/app/shared/components/calendar&#45;button/calendar&#45;button.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-1072.09C824.95,-1077.93 842.71,-1087.46 853,-1103 866.44,-1123.29 844.32,-1961.28 861,-1979 868.11,-1986.55 1224.34,-2000.14 1233.5,-2005 1276.42,-2027.76 1305.71,-2080.53 1318,-2106.3"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1316.19,-2107.39 1320.62,-2111.95 1320,-2105.62 1316.19,-2107.39"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.77,-1002.08C824.96,-1007.92 842.72,-1017.46 853,-1033 867.78,-1055.33 842.63,-1977.52 861,-1997 875.23,-2012.09 1215.92,-2011 1233.5,-2022 1287.09,-2055.52 1312.32,-2132.83 1320.92,-2165.73"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1318.92,-2166.39 1322.43,-2171.69 1323,-2165.36 1318.92,-2166.39"/>
 </g>
 <!-- src/app/shared/components/calendar&#45;button/calendar&#45;button.component.spec.ts&#45;&gt;src/app/shared/components/calendar&#45;button/calendar&#45;button.component.ts -->
-<g id="edge300" class="edge">
+<g id="edge307" class="edge">
 <title>src/app/shared/components/calendar&#45;button/calendar&#45;button.component.spec.ts&#45;&gt;src/app/shared/components/calendar&#45;button/calendar&#45;button.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M849.54,-1063C856.92,-1063 864.37,-1063 871.72,-1063"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="871.85,-1065.1 877.85,-1063 871.85,-1060.9 871.85,-1065.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M849.54,-993C856.92,-993 864.37,-993 871.72,-993"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="871.85,-995.1 877.85,-993 871.85,-990.9 871.85,-995.1"/>
 </g>
 <!-- src/app/shared/components/calendar&#45;button/calendar&#45;button.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge302" class="edge">
+<g id="edge309" class="edge">
 <title>src/app/shared/components/calendar&#45;button/calendar&#45;button.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.77,-1072.07C1024.23,-1077.88 1042.04,-1087.41 1052.5,-1103 1062.58,-1118.03 1048.77,-2392.22 1060.5,-2406 1067.42,-2414.12 1076.94,-2419 1087.2,-2421.77"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.99,-2423.88 1093.31,-2423.18 1087.93,-2419.79 1086.99,-2423.88"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.78,-1002.07C1024.23,-1007.88 1042.04,-1017.41 1052.5,-1033 1063.36,-1049.18 1047.87,-2421.16 1060.5,-2436 1067.41,-2444.12 1076.93,-2449 1087.19,-2451.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.99,-2453.88 1093.31,-2453.18 1087.93,-2449.79 1086.99,-2453.88"/>
 </g>
 <!-- src/app/shared/components/calendar&#45;button/calendar&#45;button.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts -->
-<g id="edge303" class="edge">
+<g id="edge310" class="edge">
 <title>src/app/shared/components/calendar&#45;button/calendar&#45;button.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1005.36,-1072.02C1023.07,-1077.84 1041.43,-1087.38 1052.5,-1103 1070.52,-1128.42 1039.7,-1219.8 1060.5,-1243 1069.35,-1252.87 1082.04,-1257.87 1095.1,-1260.14"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1094.88,-1262.23 1101.12,-1261 1095.47,-1258.07 1094.88,-1262.23"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1005.74,-1002.01C1023.4,-1007.82 1041.62,-1017.36 1052.5,-1033 1065.2,-1051.25 1045.8,-1216.31 1060.5,-1233 1069.35,-1243.05 1082.19,-1248.07 1095.39,-1250.31"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.24,-1252.41 1101.47,-1251.15 1095.81,-1248.25 1095.24,-1252.41"/>
 </g>
 <!-- src/app/shared/components/editor/editor.component.spec.ts -->
-<g id="node189" class="node">
+<g id="node188" class="node">
 <title>src/app/shared/components/editor/editor.component.spec.ts</title>
-<g id="a_node189"><a xlink:href="src/app/shared/components/editor/editor.component.spec.ts" xlink:title="editor.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M820,-918C820,-918 700,-918 700,-918 697,-918 694,-915 694,-912 694,-912 694,-906 694,-906 694,-903 697,-900 700,-900 700,-900 820,-900 820,-900 823,-900 826,-903 826,-906 826,-906 826,-912 826,-912 826,-915 823,-918 820,-918"/>
-<text text-anchor="start" x="702" y="-906.8" font-family="Helvetica,sans-Serif" font-size="9.00">editor.component.spec.ts</text>
+<g id="a_node188"><a xlink:href="src/app/shared/components/editor/editor.component.spec.ts" xlink:title="editor.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M820,-788C820,-788 700,-788 700,-788 697,-788 694,-785 694,-782 694,-782 694,-776 694,-776 694,-773 697,-770 700,-770 700,-770 820,-770 820,-770 823,-770 826,-773 826,-776 826,-776 826,-782 826,-782 826,-785 823,-788 820,-788"/>
+<text text-anchor="start" x="702" y="-776.8" font-family="Helvetica,sans-Serif" font-size="9.00">editor.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/editor/editor.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge305" class="edge">
+<g id="edge312" class="edge">
 <title>src/app/shared/components/editor/editor.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.19,-913.19C836.59,-916.78 846.15,-922.39 853,-931 870.88,-953.48 841.3,-1944.1 861,-1965 875.23,-1980.09 1215.45,-1979.78 1233.5,-1990 1280.09,-2016.39 1308.22,-2077.66 1319.19,-2106.06"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1317.31,-2107.03 1321.39,-2111.9 1321.25,-2105.55 1317.31,-2107.03"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.2,-783.18C836.59,-786.77 846.15,-792.39 853,-801 873.19,-826.4 838.76,-1945.38 861,-1969 875.22,-1984.1 1216.29,-1982.42 1233.5,-1994 1294.41,-2035 1315.97,-2128.85 1322.26,-2165.72"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1320.24,-2166.33 1323.27,-2171.92 1324.38,-2165.66 1320.24,-2166.33"/>
 </g>
 <!-- src/app/shared/components/editor/editor.component.spec.ts&#45;&gt;src/app/shared/components/editor/editor.component.ts -->
-<g id="edge304" class="edge">
+<g id="edge311" class="edge">
 <title>src/app/shared/components/editor/editor.component.spec.ts&#45;&gt;src/app/shared/components/editor/editor.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.21,-918.08C827.23,-921.28 840.89,-925.5 853,-931 886.63,-946.26 920.6,-973.24 939.47,-989.49"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="938.47,-991.4 944.37,-993.77 941.23,-988.24 938.47,-991.4"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M814.21,-788.08C827.23,-791.28 840.89,-795.5 853,-801 886.63,-816.26 920.6,-843.24 939.47,-859.49"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="938.47,-861.4 944.37,-863.77 941.23,-858.24 938.47,-861.4"/>
 </g>
 <!-- src/app/shared/components/editor/editor.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge308" class="edge">
+<g id="edge315" class="edge">
 <title>src/app/shared/components/editor/editor.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.78,-1012.07C1024.23,-1017.88 1042.04,-1027.41 1052.5,-1043 1063.05,-1058.72 1048.23,-2391.59 1060.5,-2406 1067.42,-2414.12 1076.93,-2419 1087.19,-2421.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.99,-2423.88 1093.31,-2423.18 1087.93,-2419.79 1086.99,-2423.88"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.78,-882.06C1024.24,-887.88 1042.04,-897.4 1052.5,-913 1064.28,-930.57 1046.79,-2419.89 1060.5,-2436 1067.41,-2444.12 1076.93,-2449 1087.19,-2451.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.99,-2453.89 1093.3,-2453.18 1087.92,-2449.79 1086.99,-2453.89"/>
 </g>
 <!-- src/app/shared/components/editor/editor.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts -->
-<g id="edge307" class="edge">
+<g id="edge314" class="edge">
 <title>src/app/shared/components/editor/editor.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1005.74,-1012.01C1023.4,-1017.82 1041.62,-1027.36 1052.5,-1043 1065.2,-1061.25 1045.8,-1226.31 1060.5,-1243 1069.35,-1253.05 1082.19,-1258.07 1095.39,-1260.31"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.24,-1262.41 1101.47,-1261.15 1095.81,-1258.25 1095.24,-1262.41"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.12,-882.01C1023.71,-887.82 1041.79,-897.36 1052.5,-913 1062.55,-927.67 1048.84,-1219.57 1060.5,-1233 1069.28,-1243.11 1082.09,-1248.16 1095.29,-1250.4"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.14,-1252.5 1101.37,-1251.24 1095.71,-1248.34 1095.14,-1252.5"/>
 </g>
 <!-- src/app/shared/components/editor/editor.component.ts&#45;&gt;src/app/shared/factories/editor&#45;config.factory.ts -->
-<g id="edge306" class="edge">
+<g id="edge313" class="edge">
 <title>src/app/shared/components/editor/editor.component.ts&#45;&gt;src/app/shared/factories/editor&#45;config.factory.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.38,-1012.08C1023.9,-1017.9 1041.85,-1027.42 1052.5,-1043 1063.26,-1058.74 1055.82,-1367.52 1060.5,-1386 1076.76,-1450.2 1119.8,-1517.63 1139.67,-1546.5"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1138.17,-1548.02 1143.32,-1551.75 1141.62,-1545.62 1138.17,-1548.02"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.43,-882.05C1023.96,-887.86 1041.9,-897.39 1052.5,-913 1066.95,-934.28 1054.26,-1351.04 1060.5,-1376 1076.56,-1440.25 1119.7,-1507.65 1139.64,-1536.51"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1138.14,-1538.04 1143.3,-1541.75 1141.59,-1535.63 1138.14,-1538.04"/>
 </g>
 <!-- src/app/shared/factories/editor&#45;config.factory.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge362" class="edge">
+<g id="edge371" class="edge">
 <title>src/app/shared/factories/editor&#45;config.factory.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.02,-1570.19C1137.16,-1625.68 1075.51,-1921.77 1056.5,-2167 1054.5,-2192.81 1049,-2375.22 1056.5,-2400 1060.72,-2413.93 1072.9,-2420.84 1087.18,-2423.88"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.14,-2426.01 1093.41,-2424.96 1087.85,-2421.87 1087.14,-2426.01"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1149.24,-1560.1C1137.96,-1618.95 1075.62,-1952.15 1056.5,-2227 1054.93,-2249.5 1049.96,-2408.41 1056.5,-2430 1060.72,-2443.93 1072.9,-2450.84 1087.18,-2453.88"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.14,-2456.01 1093.41,-2454.96 1087.85,-2451.87 1087.14,-2456.01"/>
 </g>
 <!-- src/app/shared/components/event&#45;form/event&#45;form.component.spec.ts -->
-<g id="node193" class="node">
+<g id="node192" class="node">
 <title>src/app/shared/components/event&#45;form/event&#45;form.component.spec.ts</title>
-<g id="a_node193"><a xlink:href="src/app/shared/components/event-form/event-form.component.spec.ts" xlink:title="event&#45;form.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M832,-858C832,-858 688,-858 688,-858 685,-858 682,-855 682,-852 682,-852 682,-846 682,-846 682,-843 685,-840 688,-840 688,-840 832,-840 832,-840 835,-840 838,-843 838,-846 838,-846 838,-852 838,-852 838,-855 835,-858 832,-858"/>
-<text text-anchor="start" x="690" y="-846.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;form.component.spec.ts</text>
+<g id="a_node192"><a xlink:href="src/app/shared/components/event-form/event-form.component.spec.ts" xlink:title="event&#45;form.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M832,-1182C832,-1182 688,-1182 688,-1182 685,-1182 682,-1179 682,-1176 682,-1176 682,-1170 682,-1170 682,-1167 685,-1164 688,-1164 688,-1164 832,-1164 832,-1164 835,-1164 838,-1167 838,-1170 838,-1170 838,-1176 838,-1176 838,-1179 835,-1182 832,-1182"/>
+<text text-anchor="start" x="690" y="-1170.8" font-family="Helvetica,sans-Serif" font-size="9.00">event&#45;form.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/event&#45;form/event&#45;form.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge311" class="edge">
+<g id="edge318" class="edge">
 <title>src/app/shared/components/event&#45;form/event&#45;form.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.77,-858.08C824.97,-863.92 842.72,-873.45 853,-889 869.27,-913.61 840.77,-1929.53 861,-1951 875.22,-1966.1 1215.7,-1965.36 1233.5,-1976 1283.52,-2005.89 1310.3,-2075.04 1320.1,-2105.79"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1318.16,-2106.62 1321.93,-2111.74 1322.17,-2105.39 1318.16,-2106.62"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-1182.09C824.95,-1187.93 842.71,-1197.46 853,-1213 865.67,-1232.13 845.27,-2022.3 861,-2039 868.11,-2046.55 1224.34,-2060.14 1233.5,-2065 1276.42,-2087.76 1305.71,-2140.53 1318,-2166.3"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1316.19,-2167.39 1320.62,-2171.95 1320,-2165.62 1316.19,-2167.39"/>
 </g>
 <!-- src/app/shared/components/event&#45;form/event&#45;form.component.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts -->
-<g id="edge309" class="edge">
+<g id="edge316" class="edge">
 <title>src/app/shared/components/event&#45;form/event&#45;form.component.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.73,-858.11C824.92,-863.95 842.68,-873.48 853,-889 872.44,-918.24 846.31,-1489.11 861,-1521 875.64,-1552.77 909.2,-1577.17 931.86,-1590.8"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="930.85,-1592.65 937.09,-1593.87 932.98,-1589.02 930.85,-1592.65"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.14,-1182.02C824.46,-1187.85 842.48,-1197.41 853,-1213 871.53,-1240.45 846.93,-1481.02 861,-1511 875.86,-1542.67 909.36,-1567.09 931.95,-1580.76"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="930.93,-1582.6 937.16,-1583.84 933.07,-1578.98 930.93,-1582.6"/>
 </g>
 <!-- src/app/shared/components/event&#45;form/event&#45;form.component.spec.ts&#45;&gt;src/app/shared/components/event&#45;form/event&#45;form.component.ts -->
-<g id="edge310" class="edge">
+<g id="edge317" class="edge">
 <title>src/app/shared/components/event&#45;form/event&#45;form.component.spec.ts&#45;&gt;src/app/shared/components/event&#45;form/event&#45;form.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M838.03,-849C852.88,-849 868.37,-849 883.03,-849"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="883.26,-851.1 889.26,-849 883.26,-846.9 883.26,-851.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M838.03,-1173C852.88,-1173 868.37,-1173 883.03,-1173"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="883.26,-1175.1 889.26,-1173 883.26,-1170.9 883.26,-1175.1"/>
 </g>
 <!-- src/app/shared/components/event&#45;form/event&#45;form.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge312" class="edge">
+<g id="edge319" class="edge">
 <title>src/app/shared/components/event&#45;form/event&#45;form.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.78,-858.06C1024.24,-863.88 1042.04,-873.4 1052.5,-889 1064.23,-906.5 1046.85,-2389.95 1060.5,-2406 1067.41,-2414.12 1076.93,-2419 1087.19,-2421.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.99,-2423.89 1093.3,-2423.18 1087.93,-2419.79 1086.99,-2423.89"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.77,-1182.07C1024.23,-1187.89 1042.03,-1197.41 1052.5,-1213 1071.44,-1241.21 1038.47,-2410.14 1060.5,-2436 1067.42,-2444.12 1076.94,-2448.99 1087.2,-2451.77"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.99,-2453.88 1093.31,-2453.17 1087.93,-2449.79 1086.99,-2453.88"/>
 </g>
 <!-- src/app/shared/components/file&#45;select/file&#45;select.component.spec.ts -->
-<g id="node195" class="node">
+<g id="node194" class="node">
 <title>src/app/shared/components/file&#45;select/file&#45;select.component.spec.ts</title>
-<g id="a_node195"><a xlink:href="src/app/shared/components/file-select/file-select.component.spec.ts" xlink:title="file&#45;select.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M828.5,-738C828.5,-738 691.5,-738 691.5,-738 688.5,-738 685.5,-735 685.5,-732 685.5,-732 685.5,-726 685.5,-726 685.5,-723 688.5,-720 691.5,-720 691.5,-720 828.5,-720 828.5,-720 831.5,-720 834.5,-723 834.5,-726 834.5,-726 834.5,-732 834.5,-732 834.5,-735 831.5,-738 828.5,-738"/>
-<text text-anchor="start" x="693.5" y="-726.8" font-family="Helvetica,sans-Serif" font-size="9.00">file&#45;select.component.spec.ts</text>
+<g id="a_node194"><a xlink:href="src/app/shared/components/file-select/file-select.component.spec.ts" xlink:title="file&#45;select.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M828.5,-728C828.5,-728 691.5,-728 691.5,-728 688.5,-728 685.5,-725 685.5,-722 685.5,-722 685.5,-716 685.5,-716 685.5,-713 688.5,-710 691.5,-710 691.5,-710 828.5,-710 828.5,-710 831.5,-710 834.5,-713 834.5,-716 834.5,-716 834.5,-722 834.5,-722 834.5,-725 831.5,-728 828.5,-728"/>
+<text text-anchor="start" x="693.5" y="-716.8" font-family="Helvetica,sans-Serif" font-size="9.00">file&#45;select.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/file&#45;select/file&#45;select.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge315" class="edge">
+<g id="edge322" class="edge">
 <title>src/app/shared/components/file&#45;select/file&#45;select.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.78,-738.08C824.97,-743.91 842.73,-753.45 853,-769 861.83,-782.37 850.01,-1911.33 861,-1923 875.22,-1938.1 1216.11,-1936.69 1233.5,-1948 1290.81,-1985.28 1314.27,-2071.03 1321.67,-2105.87"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1319.62,-2106.3 1322.87,-2111.76 1323.73,-2105.46 1319.62,-2106.3"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.78,-728.07C824.97,-733.91 842.73,-743.45 853,-759 862.15,-772.86 849.61,-1942.91 861,-1955 875.22,-1970.1 1216.46,-1968.18 1233.5,-1980 1298.07,-2024.78 1317.59,-2126.85 1322.8,-2165.65"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1320.73,-2166.03 1323.56,-2171.72 1324.9,-2165.51 1320.73,-2166.03"/>
 </g>
 <!-- src/app/shared/components/file&#45;select/file&#45;select.component.spec.ts&#45;&gt;src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.ts -->
-<g id="edge313" class="edge">
+<g id="edge320" class="edge">
 <title>src/app/shared/components/file&#45;select/file&#45;select.component.spec.ts&#45;&gt;src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-738.09C824.95,-743.93 842.71,-753.46 853,-769 866.37,-789.2 845.87,-1622.08 861,-1641 866.67,-1648.09 874.15,-1653.16 882.43,-1656.75"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="881.92,-1658.8 888.27,-1659 883.43,-1654.88 881.92,-1658.8"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-728.09C824.95,-733.93 842.71,-743.46 853,-759 866.37,-779.2 845.87,-1612.08 861,-1631 866.67,-1638.09 874.15,-1643.16 882.43,-1646.75"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="881.92,-1648.8 888.27,-1649 883.43,-1644.88 881.92,-1648.8"/>
 </g>
 <!-- src/app/shared/components/file&#45;select/file&#45;select.component.spec.ts&#45;&gt;src/app/shared/components/file&#45;select/file&#45;select.component.ts -->
-<g id="edge314" class="edge">
+<g id="edge321" class="edge">
 <title>src/app/shared/components/file&#45;select/file&#45;select.component.spec.ts&#45;&gt;src/app/shared/components/file&#45;select/file&#45;select.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M834.71,-729C851.83,-729 869.97,-729 886.82,-729"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.96,-731.1 892.96,-729 886.96,-726.9 886.96,-731.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M834.71,-719C851.83,-719 869.97,-719 886.82,-719"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.96,-721.1 892.96,-719 886.96,-716.9 886.96,-721.1"/>
 </g>
 <!-- src/app/shared/components/file&#45;select/file&#45;select.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge319" class="edge">
+<g id="edge326" class="edge">
 <title>src/app/shared/components/file&#45;select/file&#45;select.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.79,-738.06C1024.24,-743.88 1042.05,-753.4 1052.5,-769 1065.16,-787.89 1045.77,-2388.68 1060.5,-2406 1067.41,-2414.13 1076.93,-2419 1087.19,-2421.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.98,-2423.89 1093.3,-2423.18 1087.92,-2419.79 1086.98,-2423.89"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.79,-728.06C1024.24,-733.87 1042.05,-743.4 1052.5,-759 1065.47,-778.35 1045.41,-2418.26 1060.5,-2436 1067.41,-2444.13 1076.93,-2449 1087.19,-2451.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.98,-2453.89 1093.3,-2453.18 1087.92,-2449.8 1086.98,-2453.89"/>
 </g>
 <!-- src/app/shared/components/file&#45;select/file&#45;select.component.ts&#45;&gt;src/app/core/services/focus&#45;tracking.service.ts -->
-<g id="edge318" class="edge">
+<g id="edge325" class="edge">
 <title>src/app/shared/components/file&#45;select/file&#45;select.component.ts&#45;&gt;src/app/core/services/focus&#45;tracking.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M995.22,-738.08C1014.35,-744.19 1036.66,-753.95 1052.5,-769 1187.8,-897.6 1191.09,-966.21 1233.5,-1148 1239.88,-1175.35 1229.41,-2136.72 1246.5,-2159 1249.45,-2162.85 1253.02,-2166.06 1256.99,-2168.73"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.98,-2170.57 1262.21,-2171.84 1258.13,-2166.97 1255.98,-2170.57"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M995.22,-728.08C1014.35,-734.19 1036.66,-743.95 1052.5,-759 1187.8,-887.6 1191.16,-956.2 1233.5,-1138 1240.31,-1167.25 1228.23,-2195.17 1246.5,-2219 1249.45,-2222.85 1253.02,-2226.06 1256.98,-2228.73"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1255.98,-2230.58 1262.21,-2231.84 1258.12,-2226.97 1255.98,-2230.58"/>
 </g>
 <!-- src/app/shared/components/file&#45;select/file&#45;select.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts -->
-<g id="edge317" class="edge">
+<g id="edge324" class="edge">
 <title>src/app/shared/components/file&#45;select/file&#45;select.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.44,-738.04C1023.96,-743.86 1041.9,-753.39 1052.5,-769 1067.29,-790.79 1043.32,-1223.04 1060.5,-1243 1069.24,-1253.15 1082.03,-1258.21 1095.24,-1260.45"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.09,-1262.55 1101.32,-1261.28 1095.66,-1258.38 1095.09,-1262.55"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.44,-728.04C1023.96,-733.86 1041.9,-743.39 1052.5,-759 1067.29,-780.79 1043.32,-1213.04 1060.5,-1233 1069.24,-1243.15 1082.03,-1248.21 1095.24,-1250.45"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.09,-1252.55 1101.32,-1251.28 1095.66,-1248.38 1095.09,-1252.55"/>
 </g>
 <!-- src/app/shared/components/file&#45;select/file&#45;select.component.ts&#45;&gt;src/app/shared/models/theme.ts -->
-<g id="edge316" class="edge">
+<g id="edge323" class="edge">
 <title>src/app/shared/components/file&#45;select/file&#45;select.component.ts&#45;&gt;src/app/shared/models/theme.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.43,-738.05C1023.95,-743.87 1041.89,-753.4 1052.5,-769 1066.37,-789.4 1044.39,-1194.31 1060.5,-1213 1073.87,-1228.51 1096.72,-1232.14 1115.99,-1231.95"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1116.17,-1234.05 1122.1,-1231.77 1116.04,-1229.85 1116.17,-1234.05"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.43,-728.05C1023.95,-733.87 1041.89,-743.4 1052.5,-759 1066.37,-779.4 1044.39,-1184.31 1060.5,-1203 1073.87,-1218.51 1096.72,-1222.14 1115.99,-1221.95"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1116.17,-1224.05 1122.1,-1221.77 1116.04,-1219.85 1116.17,-1224.05"/>
 </g>
 <!-- src/app/shared/components/footer/footer.component.spec.ts -->
-<g id="node197" class="node">
+<g id="node196" class="node">
 <title>src/app/shared/components/footer/footer.component.spec.ts</title>
-<g id="a_node197"><a xlink:href="src/app/shared/components/footer/footer.component.spec.ts" xlink:title="footer.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M820,-1372C820,-1372 700,-1372 700,-1372 697,-1372 694,-1369 694,-1366 694,-1366 694,-1360 694,-1360 694,-1357 697,-1354 700,-1354 700,-1354 820,-1354 820,-1354 823,-1354 826,-1357 826,-1360 826,-1360 826,-1366 826,-1366 826,-1369 823,-1372 820,-1372"/>
-<text text-anchor="start" x="702" y="-1360.8" font-family="Helvetica,sans-Serif" font-size="9.00">footer.component.spec.ts</text>
+<g id="a_node196"><a xlink:href="src/app/shared/components/footer/footer.component.spec.ts" xlink:title="footer.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M820,-1122C820,-1122 700,-1122 700,-1122 697,-1122 694,-1119 694,-1116 694,-1116 694,-1110 694,-1110 694,-1107 697,-1104 700,-1104 700,-1104 820,-1104 820,-1104 823,-1104 826,-1107 826,-1110 826,-1110 826,-1116 826,-1116 826,-1119 823,-1122 820,-1122"/>
+<text text-anchor="start" x="702" y="-1110.8" font-family="Helvetica,sans-Serif" font-size="9.00">footer.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/footer/footer.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge321" class="edge">
+<g id="edge328" class="edge">
 <title>src/app/shared/components/footer/footer.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.74,-1372.1C824.92,-1377.94 842.69,-1387.48 853,-1403 862.93,-1417.95 848.68,-2035.95 861,-2049 864.56,-2052.77 1228.5,-2073.62 1233.5,-2075 1259.95,-2082.29 1287.72,-2097.61 1305.52,-2108.57"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1304.52,-2110.41 1310.72,-2111.81 1306.74,-2106.85 1304.52,-2110.41"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-1122.09C824.95,-1127.93 842.71,-1137.46 853,-1153 866.37,-1173.2 844.37,-2007.38 861,-2025 875.24,-2040.08 1215.45,-2039.78 1233.5,-2050 1280.09,-2076.39 1308.22,-2137.66 1319.19,-2166.06"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1317.31,-2167.03 1321.39,-2171.9 1321.25,-2165.55 1317.31,-2167.03"/>
 </g>
 <!-- src/app/shared/components/footer/footer.component.spec.ts&#45;&gt;src/app/shared/components/footer/footer.component.ts -->
-<g id="edge320" class="edge">
+<g id="edge327" class="edge">
 <title>src/app/shared/components/footer/footer.component.spec.ts&#45;&gt;src/app/shared/components/footer/footer.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.24,-1363C848.6,-1363 873.49,-1363 895.35,-1363"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="895.42,-1365.1 901.42,-1363 895.42,-1360.9 895.42,-1365.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M826.24,-1113C848.6,-1113 873.49,-1113 895.35,-1113"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="895.42,-1115.1 901.42,-1113 895.42,-1110.9 895.42,-1115.1"/>
 </g>
 <!-- src/app/shared/components/footer/footer.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
-<g id="edge322" class="edge">
+<g id="edge329" class="edge">
 <title>src/app/shared/components/footer/footer.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M901.26,-1371.61C881.7,-1378.05 862.96,-1389.31 857,-1409 854.15,-1418.4 854.15,-2813.6 857,-2823 862.25,-2840.35 878.95,-2848.32 897.14,-2851.63"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="897.1,-2853.75 903.35,-2852.58 897.74,-2849.6 897.1,-2853.75"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M901.26,-1121.61C881.7,-1128.05 862.96,-1139.31 857,-1159 853.59,-1170.26 853.59,-2841.74 857,-2853 862.25,-2870.35 878.95,-2878.32 897.14,-2881.63"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="897.1,-2883.75 903.35,-2882.58 897.74,-2879.6 897.1,-2883.75"/>
 </g>
 <!-- src/app/shared/components/footer/footer.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge323" class="edge">
+<g id="edge330" class="edge">
 <title>src/app/shared/components/footer/footer.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.76,-1372.08C1024.21,-1377.89 1042.02,-1387.42 1052.5,-1403 1068.05,-1426.12 1042.42,-2384.8 1060.5,-2406 1067.42,-2414.12 1076.95,-2418.99 1087.21,-2421.76"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087,-2423.87 1093.32,-2423.16 1087.94,-2419.78 1087,-2423.87"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.77,-1122.07C1024.23,-1127.88 1042.04,-1137.41 1052.5,-1153 1062.43,-1167.8 1048.95,-2422.43 1060.5,-2436 1067.42,-2444.12 1076.94,-2449 1087.2,-2451.77"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.99,-2453.88 1093.31,-2453.17 1087.93,-2449.79 1086.99,-2453.88"/>
 </g>
 <!-- src/app/shared/components/forbidden/forbidden.component.spec.ts -->
-<g id="node199" class="node">
+<g id="node198" class="node">
 <title>src/app/shared/components/forbidden/forbidden.component.spec.ts</title>
-<g id="a_node199"><a xlink:href="src/app/shared/components/forbidden/forbidden.component.spec.ts" xlink:title="forbidden.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M829,-498C829,-498 691,-498 691,-498 688,-498 685,-495 685,-492 685,-492 685,-486 685,-486 685,-483 688,-480 691,-480 691,-480 829,-480 829,-480 832,-480 835,-483 835,-486 835,-486 835,-492 835,-492 835,-495 832,-498 829,-498"/>
-<text text-anchor="start" x="693" y="-486.8" font-family="Helvetica,sans-Serif" font-size="9.00">forbidden.component.spec.ts</text>
+<g id="a_node198"><a xlink:href="src/app/shared/components/forbidden/forbidden.component.spec.ts" xlink:title="forbidden.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M829,-428C829,-428 691,-428 691,-428 688,-428 685,-425 685,-422 685,-422 685,-416 685,-416 685,-413 688,-410 691,-410 691,-410 829,-410 829,-410 832,-410 835,-413 835,-416 835,-416 835,-422 835,-422 835,-425 832,-428 829,-428"/>
+<text text-anchor="start" x="693" y="-416.8" font-family="Helvetica,sans-Serif" font-size="9.00">forbidden.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/forbidden/forbidden.component.spec.ts&#45;&gt;src/app/shared/components/forbidden/forbidden.component.ts -->
-<g id="edge324" class="edge">
+<g id="edge331" class="edge">
 <title>src/app/shared/components/forbidden/forbidden.component.spec.ts&#45;&gt;src/app/shared/components/forbidden/forbidden.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M835.26,-489C852.06,-489 869.82,-489 886.35,-489"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.39,-491.1 892.39,-489 886.39,-486.9 886.39,-491.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M835.26,-419C852.06,-419 869.82,-419 886.35,-419"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.39,-421.1 892.39,-419 886.39,-416.9 886.39,-421.1"/>
 </g>
 <!-- src/app/shared/components/header/header.component.spec.ts -->
-<g id="node200" class="node">
+<g id="node199" class="node">
 <title>src/app/shared/components/header/header.component.spec.ts</title>
-<g id="a_node200"><a xlink:href="src/app/shared/components/header/header.component.spec.ts" xlink:title="header.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M822.5,-1312C822.5,-1312 697.5,-1312 697.5,-1312 694.5,-1312 691.5,-1309 691.5,-1306 691.5,-1306 691.5,-1300 691.5,-1300 691.5,-1297 694.5,-1294 697.5,-1294 697.5,-1294 822.5,-1294 822.5,-1294 825.5,-1294 828.5,-1297 828.5,-1300 828.5,-1300 828.5,-1306 828.5,-1306 828.5,-1309 825.5,-1312 822.5,-1312"/>
-<text text-anchor="start" x="699.5" y="-1300.8" font-family="Helvetica,sans-Serif" font-size="9.00">header.component.spec.ts</text>
+<g id="a_node199"><a xlink:href="src/app/shared/components/header/header.component.spec.ts" xlink:title="header.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M822.5,-1302C822.5,-1302 697.5,-1302 697.5,-1302 694.5,-1302 691.5,-1299 691.5,-1296 691.5,-1296 691.5,-1290 691.5,-1290 691.5,-1287 694.5,-1284 697.5,-1284 697.5,-1284 822.5,-1284 822.5,-1284 825.5,-1284 828.5,-1287 828.5,-1290 828.5,-1290 828.5,-1296 828.5,-1296 828.5,-1299 825.5,-1302 822.5,-1302"/>
+<text text-anchor="start" x="699.5" y="-1290.8" font-family="Helvetica,sans-Serif" font-size="9.00">header.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/header/header.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge326" class="edge">
+<g id="edge333" class="edge">
 <title>src/app/shared/components/header/header.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.74,-1312.1C824.93,-1317.94 842.69,-1327.47 853,-1343 863.63,-1359.02 847.79,-2021.04 861,-2035 868.13,-2042.53 1223.68,-2056.65 1233.5,-2060 1263.52,-2070.24 1293.04,-2093.02 1309.98,-2107.66"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1308.92,-2109.53 1314.81,-2111.92 1311.7,-2106.38 1308.92,-2109.53"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.75,-1302.1C824.93,-1307.94 842.7,-1317.47 853,-1333 864.27,-1349.99 846.99,-2052.18 861,-2067 868.12,-2074.54 1224.03,-2087.77 1233.5,-2092 1269.98,-2108.32 1300.33,-2145.99 1315.01,-2166.71"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1313.41,-2168.1 1318.56,-2171.83 1316.86,-2165.7 1313.41,-2168.1"/>
 </g>
 <!-- src/app/shared/components/header/header.component.spec.ts&#45;&gt;src/app/shared/components/header/header.component.ts -->
-<g id="edge325" class="edge">
+<g id="edge332" class="edge">
 <title>src/app/shared/components/header/header.component.spec.ts&#45;&gt;src/app/shared/components/header/header.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M828.68,-1303C849.42,-1303 872.12,-1303 892.47,-1303"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="892.7,-1305.1 898.7,-1303 892.7,-1300.9 892.7,-1305.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M828.68,-1293C849.42,-1293 872.12,-1293 892.47,-1293"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="892.7,-1295.1 898.7,-1293 892.7,-1290.9 892.7,-1295.1"/>
 </g>
 <!-- src/app/shared/components/header/header.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
-<g id="edge328" class="edge">
+<g id="edge335" class="edge">
 <title>src/app/shared/components/header/header.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M899.92,-1312.06C880.85,-1318.57 862.82,-1329.76 857,-1349 854.03,-1358.8 854.03,-2813.2 857,-2823 862.25,-2840.35 878.95,-2848.32 897.14,-2851.63"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="897.1,-2853.75 903.35,-2852.58 897.74,-2849.6 897.1,-2853.75"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M899.92,-1302.06C880.85,-1308.57 862.82,-1319.76 857,-1339 853.95,-1349.06 853.95,-2842.94 857,-2853 862.25,-2870.35 878.95,-2878.32 897.14,-2881.63"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="897.1,-2883.75 903.35,-2882.58 897.74,-2879.6 897.1,-2883.75"/>
 </g>
 <!-- src/app/shared/components/header/header.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge331" class="edge">
+<g id="edge338" class="edge">
 <title>src/app/shared/components/header/header.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.76,-1312.08C1024.22,-1317.89 1042.03,-1327.42 1052.5,-1343 1068.97,-1367.51 1041.34,-2383.53 1060.5,-2406 1067.42,-2414.12 1076.94,-2418.99 1087.21,-2421.77"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087,-2423.87 1093.32,-2423.17 1087.94,-2419.78 1087,-2423.87"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.77,-1302.07C1024.22,-1307.89 1042.03,-1317.41 1052.5,-1333 1069.59,-1358.43 1040.62,-2412.68 1060.5,-2436 1067.42,-2444.12 1076.94,-2448.99 1087.2,-2451.77"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087,-2453.88 1093.32,-2453.17 1087.94,-2449.78 1087,-2453.88"/>
 </g>
 <!-- src/app/shared/components/header/header.component.ts&#45;&gt;src/app/core/models/person.model.ts -->
-<g id="edge329" class="edge">
+<g id="edge336" class="edge">
 <title>src/app/shared/components/header/header.component.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1012.05,-1302.3C1027.34,-1299.24 1042.47,-1293.01 1052.5,-1281 1064.77,-1266.32 1046.66,-1122.21 1060.5,-1109 1233.93,-943.45 1464.17,-1094 1559.5,-1314 1609.99,-1430.51 1611.11,-2392.73 1611.02,-2525.77"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1608.92,-2525.78 1611.01,-2531.79 1613.12,-2525.79 1608.92,-2525.78"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1012.05,-1292.3C1027.34,-1289.24 1042.47,-1283.01 1052.5,-1271 1064.77,-1256.32 1046.66,-1112.21 1060.5,-1099 1233.81,-933.56 1467.77,-1081.66 1559.5,-1303 1572.11,-1333.44 1556.44,-2457.97 1567.5,-2489 1577.5,-2517.08 1601.56,-2542.67 1617.69,-2557.54"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1616.56,-2559.35 1622.42,-2561.8 1619.37,-2556.23 1616.56,-2559.35"/>
 </g>
 <!-- src/app/shared/components/header/header.component.ts&#45;&gt;src/app/core/services/people.service.ts -->
-<g id="edge330" class="edge">
+<g id="edge337" class="edge">
 <title>src/app/shared/components/header/header.component.ts&#45;&gt;src/app/core/services/people.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1012.2,-1302.16C1027.41,-1299.08 1042.44,-1292.87 1052.5,-1281 1071.64,-1258.41 1038.94,-1168.3 1060.5,-1148 1116.48,-1095.29 1173.4,-1100.04 1233.5,-1148 1428.35,-1303.47 1476.84,-2188.67 1482.82,-2315.8"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1480.73,-2315.99 1483.11,-2321.88 1484.93,-2315.79 1480.73,-2315.99"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1012.2,-1292.16C1027.41,-1289.08 1042.44,-1282.87 1052.5,-1271 1071.64,-1248.41 1038.94,-1158.3 1060.5,-1138 1116.48,-1085.29 1172.98,-1090.57 1233.5,-1138 1441.25,-1300.83 1478.79,-2243.82 1483.05,-2375.69"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1480.96,-2376.05 1483.24,-2381.98 1485.15,-2375.92 1480.96,-2376.05"/>
 </g>
 <!-- src/app/shared/components/header/header.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts -->
-<g id="edge327" class="edge">
+<g id="edge334" class="edge">
 <title>src/app/shared/components/header/header.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1012.21,-1307.32C1034.55,-1309.05 1060.48,-1311.06 1083.77,-1312.87"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1083.81,-1314.98 1089.95,-1313.35 1084.13,-1310.79 1083.81,-1314.98"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1012.21,-1297.32C1034.55,-1299.05 1060.48,-1301.06 1083.77,-1302.87"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1083.81,-1304.98 1089.95,-1303.35 1084.13,-1300.79 1083.81,-1304.98"/>
 </g>
 <!-- src/app/shared/components/input/input.component.spec.ts -->
-<g id="node202" class="node">
+<g id="node201" class="node">
 <title>src/app/shared/components/input/input.component.spec.ts</title>
-<g id="a_node202"><a xlink:href="src/app/shared/components/input/input.component.spec.ts" xlink:title="input.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M819.5,-618C819.5,-618 700.5,-618 700.5,-618 697.5,-618 694.5,-615 694.5,-612 694.5,-612 694.5,-606 694.5,-606 694.5,-603 697.5,-600 700.5,-600 700.5,-600 819.5,-600 819.5,-600 822.5,-600 825.5,-603 825.5,-606 825.5,-606 825.5,-612 825.5,-612 825.5,-615 822.5,-618 819.5,-618"/>
-<text text-anchor="start" x="702.5" y="-606.8" font-family="Helvetica,sans-Serif" font-size="9.00">input.component.spec.ts</text>
+<g id="a_node201"><a xlink:href="src/app/shared/components/input/input.component.spec.ts" xlink:title="input.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M819.5,-668C819.5,-668 700.5,-668 700.5,-668 697.5,-668 694.5,-665 694.5,-662 694.5,-662 694.5,-656 694.5,-656 694.5,-653 697.5,-650 700.5,-650 700.5,-650 819.5,-650 819.5,-650 822.5,-650 825.5,-653 825.5,-656 825.5,-656 825.5,-662 825.5,-662 825.5,-665 822.5,-668 819.5,-668"/>
+<text text-anchor="start" x="702.5" y="-656.8" font-family="Helvetica,sans-Serif" font-size="9.00">input.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/input/input.component.spec.ts&#45;&gt;src/app/shared/components/input/input.component.ts -->
-<g id="edge332" class="edge">
+<g id="edge339" class="edge">
 <title>src/app/shared/components/input/input.component.spec.ts&#45;&gt;src/app/shared/components/input/input.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M825.7,-609C848.3,-609 873.52,-609 895.62,-609"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="895.76,-611.1 901.76,-609 895.76,-606.9 895.76,-611.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M825.7,-659C848.3,-659 873.52,-659 895.62,-659"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="895.76,-661.1 901.76,-659 895.76,-656.9 895.76,-661.1"/>
 </g>
 <!-- src/app/shared/components/input/input.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge337" class="edge">
+<g id="edge344" class="edge">
 <title>src/app/shared/components/input/input.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.79,-618.06C1024.24,-623.87 1042.05,-633.4 1052.5,-649 1066.08,-669.27 1044.69,-2387.41 1060.5,-2406 1067.41,-2414.13 1076.93,-2419 1087.19,-2421.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.98,-2423.89 1093.3,-2423.18 1087.92,-2419.8 1086.98,-2423.89"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.79,-668.06C1024.24,-673.87 1042.05,-683.4 1052.5,-699 1065.93,-719.04 1044.87,-2417.62 1060.5,-2436 1067.41,-2444.13 1076.93,-2449 1087.19,-2451.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.98,-2453.89 1093.3,-2453.18 1087.92,-2449.8 1086.98,-2453.89"/>
 </g>
 <!-- src/app/shared/components/input/input.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts -->
-<g id="edge334" class="edge">
+<g id="edge341" class="edge">
 <title>src/app/shared/components/input/input.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.47,-618.02C1024,-623.83 1041.94,-633.37 1052.5,-649 1062.67,-664.05 1048.68,-1289.2 1060.5,-1303 1066.64,-1310.16 1074.8,-1314.8 1083.71,-1317.69"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1083.31,-1319.76 1089.65,-1319.35 1084.44,-1315.72 1083.31,-1319.76"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.46,-668.03C1023.99,-673.84 1041.93,-683.37 1052.5,-699 1070.99,-726.34 1039.01,-1267.95 1060.5,-1293 1066.64,-1300.16 1074.81,-1304.79 1083.72,-1307.68"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1083.32,-1309.75 1089.66,-1309.34 1084.45,-1305.71 1083.32,-1309.75"/>
 </g>
 <!-- src/app/shared/components/input/input.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts -->
-<g id="edge336" class="edge">
+<g id="edge343" class="edge">
 <title>src/app/shared/components/input/input.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.46,-618.03C1023.99,-623.84 1041.93,-633.37 1052.5,-649 1070.99,-676.34 1039.01,-1217.95 1060.5,-1243 1069.22,-1253.16 1082.01,-1258.23 1095.21,-1260.47"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.06,-1262.57 1101.29,-1261.3 1095.64,-1258.4 1095.06,-1262.57"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.45,-668.03C1023.98,-673.85 1041.92,-683.38 1052.5,-699 1069.14,-723.56 1041.16,-1210.5 1060.5,-1233 1069.23,-1243.16 1082.02,-1248.22 1095.22,-1250.46"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.07,-1252.56 1101.3,-1251.29 1095.65,-1248.4 1095.07,-1252.56"/>
 </g>
 <!-- src/app/shared/components/input/input.component.ts&#45;&gt;src/app/shared/models/input&#45;type.ts -->
-<g id="edge333" class="edge">
+<g id="edge340" class="edge">
 <title>src/app/shared/components/input/input.component.ts&#45;&gt;src/app/shared/models/input&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.48,-618.02C1024.01,-623.83 1041.94,-633.36 1052.5,-649 1063.13,-664.75 1048.14,-1318.57 1060.5,-1333 1071.82,-1346.22 1090.03,-1350.82 1107.08,-1351.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1107.22,-1353.89 1113.29,-1351.98 1107.36,-1349.69 1107.22,-1353.89"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.47,-668.02C1024,-673.83 1041.93,-683.37 1052.5,-699 1062.21,-713.36 1049.22,-1309.84 1060.5,-1323 1071.83,-1336.21 1090.04,-1340.81 1107.08,-1341.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1107.23,-1343.88 1113.3,-1341.98 1107.37,-1339.69 1107.23,-1343.88"/>
 </g>
 <!-- src/app/shared/components/input/input.component.ts&#45;&gt;src/app/shared/models/theme.ts -->
-<g id="edge335" class="edge">
+<g id="edge342" class="edge">
 <title>src/app/shared/components/input/input.component.ts&#45;&gt;src/app/shared/models/theme.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.46,-618.03C1023.98,-623.84 1041.92,-633.38 1052.5,-649 1070.07,-674.95 1040.09,-1189.22 1060.5,-1213 1073.84,-1228.53 1096.69,-1232.16 1115.97,-1231.97"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1116.15,-1234.06 1122.08,-1231.78 1116.02,-1229.87 1116.15,-1234.06"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.44,-668.04C1023.97,-673.85 1041.91,-683.38 1052.5,-699 1068.22,-722.18 1042.24,-1181.77 1060.5,-1203 1073.85,-1218.52 1096.7,-1222.15 1115.98,-1221.96"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1116.16,-1224.06 1122.09,-1221.78 1116.03,-1219.86 1116.16,-1224.06"/>
 </g>
 <!-- src/app/shared/components/language&#45;selector/language&#45;selector.component.spec.ts -->
-<g id="node204" class="node">
+<g id="node203" class="node">
 <title>src/app/shared/components/language&#45;selector/language&#45;selector.component.spec.ts</title>
-<g id="a_node204"><a xlink:href="src/app/shared/components/language-selector/language-selector.component.spec.ts" xlink:title="language&#45;selector.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M847,-1252C847,-1252 673,-1252 673,-1252 670,-1252 667,-1249 667,-1246 667,-1246 667,-1240 667,-1240 667,-1237 670,-1234 673,-1234 673,-1234 847,-1234 847,-1234 850,-1234 853,-1237 853,-1240 853,-1240 853,-1246 853,-1246 853,-1249 850,-1252 847,-1252"/>
-<text text-anchor="start" x="675" y="-1240.8" font-family="Helvetica,sans-Serif" font-size="9.00">language&#45;selector.component.spec.ts</text>
+<g id="a_node203"><a xlink:href="src/app/shared/components/language-selector/language-selector.component.spec.ts" xlink:title="language&#45;selector.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M847,-1242C847,-1242 673,-1242 673,-1242 670,-1242 667,-1239 667,-1236 667,-1236 667,-1230 667,-1230 667,-1227 670,-1224 673,-1224 673,-1224 847,-1224 847,-1224 850,-1224 853,-1227 853,-1230 853,-1230 853,-1236 853,-1236 853,-1239 850,-1242 847,-1242"/>
+<text text-anchor="start" x="675" y="-1230.8" font-family="Helvetica,sans-Serif" font-size="9.00">language&#45;selector.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/language&#45;selector/language&#45;selector.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge339" class="edge">
+<g id="edge346" class="edge">
 <title>src/app/shared/components/language&#45;selector/language&#45;selector.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.75,-1252.1C824.94,-1257.94 842.7,-1267.47 853,-1283 864.33,-1300.08 846.92,-2006.1 861,-2021 868.12,-2028.54 1223.86,-2042.17 1233.5,-2046 1266.72,-2059.2 1296.95,-2089.28 1312.82,-2107.07"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1311.38,-2108.61 1316.91,-2111.74 1314.54,-2105.84 1311.38,-2108.61"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.75,-1242.09C824.94,-1247.93 842.7,-1257.47 853,-1273 864.97,-1291.06 846.12,-2037.25 861,-2053 875.24,-2068.08 1214.89,-2068.85 1233.5,-2078 1273.18,-2097.51 1303.09,-2142.74 1316.59,-2166.24"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1314.89,-2167.51 1319.66,-2171.71 1318.56,-2165.45 1314.89,-2167.51"/>
 </g>
 <!-- src/app/shared/components/language&#45;selector/language&#45;selector.component.spec.ts&#45;&gt;src/app/shared/components/language&#45;selector/language&#45;selector.component.ts -->
-<g id="edge338" class="edge">
+<g id="edge345" class="edge">
 <title>src/app/shared/components/language&#45;selector/language&#45;selector.component.spec.ts&#45;&gt;src/app/shared/components/language&#45;selector/language&#45;selector.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M853.22,-1243C858.21,-1243 863.23,-1243 868.2,-1243"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="868.48,-1245.1 874.48,-1243 868.48,-1240.9 868.48,-1245.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M853.22,-1233C858.21,-1233 863.23,-1233 868.2,-1233"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="868.48,-1235.1 874.48,-1233 868.48,-1230.9 868.48,-1235.1"/>
 </g>
 <!-- src/app/shared/components/language&#45;selector/language&#45;selector.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge343" class="edge">
+<g id="edge350" class="edge">
 <title>src/app/shared/components/language&#45;selector/language&#45;selector.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.77,-1252.07C1024.22,-1257.89 1042.03,-1267.41 1052.5,-1283 1069.9,-1308.89 1040.26,-2382.26 1060.5,-2406 1067.42,-2414.12 1076.94,-2418.99 1087.2,-2421.77"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087,-2423.88 1093.32,-2423.17 1087.94,-2419.78 1087,-2423.88"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.77,-1242.07C1024.22,-1247.89 1042.03,-1257.41 1052.5,-1273 1070.51,-1299.82 1039.54,-2411.41 1060.5,-2436 1067.42,-2444.12 1076.94,-2448.99 1087.2,-2451.77"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087,-2453.88 1093.31,-2453.17 1087.94,-2449.78 1087,-2453.88"/>
 </g>
 <!-- src/app/shared/components/language&#45;selector/language&#45;selector.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts -->
-<g id="edge341" class="edge">
+<g id="edge348" class="edge">
 <title>src/app/shared/components/language&#45;selector/language&#45;selector.component.ts&#45;&gt;src/app/shared/models/material&#45;button&#45;type.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M997.07,-1252.11C1015.98,-1258.14 1037.54,-1267.83 1052.5,-1283 1059.22,-1289.82 1053.04,-1296.99 1060.5,-1303 1067.28,-1308.46 1075.3,-1312.26 1083.71,-1314.87"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1083.25,-1316.92 1089.59,-1316.49 1084.36,-1312.87 1083.25,-1316.92"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M997.07,-1242.11C1015.98,-1248.14 1037.54,-1257.83 1052.5,-1273 1059.22,-1279.82 1053.04,-1286.99 1060.5,-1293 1067.28,-1298.46 1075.3,-1302.26 1083.71,-1304.87"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1083.25,-1306.92 1089.59,-1306.49 1084.36,-1302.87 1083.25,-1306.92"/>
 </g>
 <!-- src/app/shared/components/language&#45;selector/language&#45;selector.component.ts&#45;&gt;src/app/shared/models/theme.ts -->
-<g id="edge342" class="edge">
+<g id="edge349" class="edge">
 <title>src/app/shared/components/language&#45;selector/language&#45;selector.component.ts&#45;&gt;src/app/shared/models/theme.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1036.6,-1236.79C1064.54,-1234.62 1094.39,-1232.31 1116.45,-1230.6"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1116.64,-1232.69 1122.46,-1230.14 1116.31,-1228.51 1116.64,-1232.69"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1036.6,-1226.79C1064.54,-1224.62 1094.39,-1222.31 1116.45,-1220.6"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1116.64,-1222.69 1122.46,-1220.14 1116.31,-1218.51 1116.64,-1222.69"/>
 </g>
 <!-- src/app/shared/models/language.ts -->
-<g id="node206" class="node">
+<g id="node205" class="node">
 <title>src/app/shared/models/language.ts</title>
-<g id="a_node206"><a xlink:href="src/app/shared/models/language.ts" xlink:title="language.ts">
-<path fill="#ddfeff" stroke="black" d="M1180,-1297C1180,-1297 1122,-1297 1122,-1297 1119,-1297 1116,-1294 1116,-1291 1116,-1291 1116,-1285 1116,-1285 1116,-1282 1119,-1279 1122,-1279 1122,-1279 1180,-1279 1180,-1279 1183,-1279 1186,-1282 1186,-1285 1186,-1285 1186,-1291 1186,-1291 1186,-1294 1183,-1297 1180,-1297"/>
-<text text-anchor="start" x="1124" y="-1285.8" font-family="Helvetica,sans-Serif" font-size="9.00">language.ts</text>
+<g id="a_node205"><a xlink:href="src/app/shared/models/language.ts" xlink:title="language.ts">
+<path fill="#ddfeff" stroke="black" d="M1180,-1287C1180,-1287 1122,-1287 1122,-1287 1119,-1287 1116,-1284 1116,-1281 1116,-1281 1116,-1275 1116,-1275 1116,-1272 1119,-1269 1122,-1269 1122,-1269 1180,-1269 1180,-1269 1183,-1269 1186,-1272 1186,-1275 1186,-1275 1186,-1281 1186,-1281 1186,-1284 1183,-1287 1180,-1287"/>
+<text text-anchor="start" x="1124" y="-1275.8" font-family="Helvetica,sans-Serif" font-size="9.00">language.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/language&#45;selector/language&#45;selector.component.ts&#45;&gt;src/app/shared/models/language.ts -->
-<g id="edge340" class="edge">
+<g id="edge347" class="edge">
 <title>src/app/shared/components/language&#45;selector/language&#45;selector.component.ts&#45;&gt;src/app/shared/models/language.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M984.52,-1252.03C1005.33,-1258.5 1034.48,-1267.09 1060.5,-1273 1076.5,-1276.64 1094.3,-1279.8 1109.79,-1282.27"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1109.57,-1284.36 1115.82,-1283.21 1110.22,-1280.21 1109.57,-1284.36"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M984.52,-1242.03C1005.33,-1248.5 1034.48,-1257.09 1060.5,-1263 1076.5,-1266.64 1094.3,-1269.8 1109.79,-1272.27"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1109.57,-1274.36 1115.82,-1273.21 1110.22,-1270.21 1109.57,-1274.36"/>
+</g>
+<!-- src/app/shared/components/list/list.component.spec.ts -->
+<g id="node206" class="node">
+<title>src/app/shared/components/list/list.component.spec.ts</title>
+<g id="a_node206"><a xlink:href="src/app/shared/components/list/list.component.spec.ts" xlink:title="list.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M813.5,-488C813.5,-488 706.5,-488 706.5,-488 703.5,-488 700.5,-485 700.5,-482 700.5,-482 700.5,-476 700.5,-476 700.5,-473 703.5,-470 706.5,-470 706.5,-470 813.5,-470 813.5,-470 816.5,-470 819.5,-473 819.5,-476 819.5,-476 819.5,-482 819.5,-482 819.5,-485 816.5,-488 813.5,-488"/>
+<text text-anchor="start" x="708.5" y="-476.8" font-family="Helvetica,sans-Serif" font-size="9.00">list.component.spec.ts</text>
+</a>
+</g>
+</g>
+<!-- src/app/shared/components/list/list.component.spec.ts&#45;&gt;src/app/shared/components/list/list.component.ts -->
+<g id="edge351" class="edge">
+<title>src/app/shared/components/list/list.component.spec.ts&#45;&gt;src/app/shared/components/list/list.component.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M819.58,-479C845.74,-479 876.33,-479 901.76,-479"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="901.77,-481.1 907.77,-479 901.77,-476.9 901.77,-481.1"/>
+</g>
+<!-- src/app/shared/components/list/list.component.ts&#45;&gt;src/app/core/interfaces/list&#45;service.interface.ts -->
+<g id="edge352" class="edge">
+<title>src/app/shared/components/list/list.component.ts&#45;&gt;src/app/core/interfaces/list&#45;service.interface.ts</title>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M988.22,-488.07C1007.9,-494.66 1033.05,-504.91 1052.5,-519 1331.93,-721.46 1430.46,-786.97 1559.5,-1107 1611.71,-1236.48 1630.93,-2295.32 1633.25,-2435.66"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1631.16,-2436.01 1633.36,-2441.97 1635.36,-2435.94 1631.16,-2436.01"/>
 </g>
 <!-- src/app/shared/components/not&#45;found/not&#45;found.component.spec.ts -->
-<g id="node207" class="node">
+<g id="node208" class="node">
 <title>src/app/shared/components/not&#45;found/not&#45;found.component.spec.ts</title>
-<g id="a_node207"><a xlink:href="src/app/shared/components/not-found/not-found.component.spec.ts" xlink:title="not&#45;found.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M829.5,-438C829.5,-438 690.5,-438 690.5,-438 687.5,-438 684.5,-435 684.5,-432 684.5,-432 684.5,-426 684.5,-426 684.5,-423 687.5,-420 690.5,-420 690.5,-420 829.5,-420 829.5,-420 832.5,-420 835.5,-423 835.5,-426 835.5,-426 835.5,-432 835.5,-432 835.5,-435 832.5,-438 829.5,-438"/>
-<text text-anchor="start" x="692.5" y="-426.8" font-family="Helvetica,sans-Serif" font-size="9.00">not&#45;found.component.spec.ts</text>
+<g id="a_node208"><a xlink:href="src/app/shared/components/not-found/not-found.component.spec.ts" xlink:title="not&#45;found.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M829.5,-368C829.5,-368 690.5,-368 690.5,-368 687.5,-368 684.5,-365 684.5,-362 684.5,-362 684.5,-356 684.5,-356 684.5,-353 687.5,-350 690.5,-350 690.5,-350 829.5,-350 829.5,-350 832.5,-350 835.5,-353 835.5,-356 835.5,-356 835.5,-362 835.5,-362 835.5,-365 832.5,-368 829.5,-368"/>
+<text text-anchor="start" x="692.5" y="-356.8" font-family="Helvetica,sans-Serif" font-size="9.00">not&#45;found.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/not&#45;found/not&#45;found.component.spec.ts&#45;&gt;src/app/shared/components/not&#45;found/not&#45;found.component.ts -->
-<g id="edge344" class="edge">
+<g id="edge353" class="edge">
 <title>src/app/shared/components/not&#45;found/not&#45;found.component.spec.ts&#45;&gt;src/app/shared/components/not&#45;found/not&#45;found.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M835.54,-429C851.98,-429 869.34,-429 885.55,-429"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="885.94,-431.1 891.94,-429 885.94,-426.9 885.94,-431.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M835.54,-359C851.98,-359 869.34,-359 885.55,-359"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="885.94,-361.1 891.94,-359 885.94,-356.9 885.94,-361.1"/>
 </g>
 <!-- src/app/shared/components/page&#45;title/page&#45;title.component.spec.ts -->
-<g id="node208" class="node">
+<g id="node209" class="node">
 <title>src/app/shared/components/page&#45;title/page&#45;title.component.spec.ts</title>
-<g id="a_node208"><a xlink:href="src/app/shared/components/page-title/page-title.component.spec.ts" xlink:title="page&#45;title.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M828.5,-1132C828.5,-1132 691.5,-1132 691.5,-1132 688.5,-1132 685.5,-1129 685.5,-1126 685.5,-1126 685.5,-1120 685.5,-1120 685.5,-1117 688.5,-1114 691.5,-1114 691.5,-1114 828.5,-1114 828.5,-1114 831.5,-1114 834.5,-1117 834.5,-1120 834.5,-1120 834.5,-1126 834.5,-1126 834.5,-1129 831.5,-1132 828.5,-1132"/>
-<text text-anchor="start" x="693.5" y="-1120.8" font-family="Helvetica,sans-Serif" font-size="9.00">page&#45;title.component.spec.ts</text>
+<g id="a_node209"><a xlink:href="src/app/shared/components/page-title/page-title.component.spec.ts" xlink:title="page&#45;title.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M828.5,-1362C828.5,-1362 691.5,-1362 691.5,-1362 688.5,-1362 685.5,-1359 685.5,-1356 685.5,-1356 685.5,-1350 685.5,-1350 685.5,-1347 688.5,-1344 691.5,-1344 691.5,-1344 828.5,-1344 828.5,-1344 831.5,-1344 834.5,-1347 834.5,-1350 834.5,-1350 834.5,-1356 834.5,-1356 834.5,-1359 831.5,-1362 828.5,-1362"/>
+<text text-anchor="start" x="693.5" y="-1350.8" font-family="Helvetica,sans-Serif" font-size="9.00">page&#45;title.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/page&#45;title/page&#45;title.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge346" class="edge">
+<g id="edge355" class="edge">
 <title>src/app/shared/components/page&#45;title/page&#45;title.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-1132.09C824.95,-1137.93 842.71,-1147.46 853,-1163 865.73,-1182.22 845.17,-1976.24 861,-1993 875.24,-2008.08 1214.89,-2008.85 1233.5,-2018 1273.18,-2037.51 1303.09,-2082.74 1316.59,-2106.24"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1314.89,-2107.51 1319.66,-2111.71 1318.56,-2105.45 1314.89,-2107.51"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.74,-1362.1C824.93,-1367.94 842.69,-1377.47 853,-1393 863.57,-1408.92 847.86,-2067.12 861,-2081 868.13,-2088.53 1223.86,-2102.17 1233.5,-2106 1266.72,-2119.2 1296.95,-2149.28 1312.82,-2167.07"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1311.38,-2168.61 1316.91,-2171.74 1314.54,-2165.84 1311.38,-2168.61"/>
 </g>
 <!-- src/app/shared/components/page&#45;title/page&#45;title.component.spec.ts&#45;&gt;src/app/shared/components/page&#45;title/page&#45;title.component.ts -->
-<g id="edge345" class="edge">
+<g id="edge354" class="edge">
 <title>src/app/shared/components/page&#45;title/page&#45;title.component.spec.ts&#45;&gt;src/app/shared/components/page&#45;title/page&#45;title.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M834.71,-1123C851.83,-1123 869.97,-1123 886.82,-1123"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.96,-1125.1 892.96,-1123 886.96,-1120.9 886.96,-1125.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M834.71,-1353C851.83,-1353 869.97,-1353 886.82,-1353"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.96,-1355.1 892.96,-1353 886.96,-1350.9 886.96,-1355.1"/>
 </g>
 <!-- src/app/shared/components/poll&#45;form/poll&#45;form.component.spec.ts -->
-<g id="node210" class="node">
+<g id="node211" class="node">
 <title>src/app/shared/components/poll&#45;form/poll&#45;form.component.spec.ts</title>
-<g id="a_node210"><a xlink:href="src/app/shared/components/poll-form/poll-form.component.spec.ts" xlink:title="poll&#45;form.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M827,-678C827,-678 693,-678 693,-678 690,-678 687,-675 687,-672 687,-672 687,-666 687,-666 687,-663 690,-660 693,-660 693,-660 827,-660 827,-660 830,-660 833,-663 833,-666 833,-666 833,-672 833,-672 833,-675 830,-678 827,-678"/>
-<text text-anchor="start" x="695" y="-666.8" font-family="Helvetica,sans-Serif" font-size="9.00">poll&#45;form.component.spec.ts</text>
+<g id="a_node211"><a xlink:href="src/app/shared/components/poll-form/poll-form.component.spec.ts" xlink:title="poll&#45;form.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M827,-608C827,-608 693,-608 693,-608 690,-608 687,-605 687,-602 687,-602 687,-596 687,-596 687,-593 690,-590 693,-590 693,-590 827,-590 827,-590 830,-590 833,-593 833,-596 833,-596 833,-602 833,-602 833,-605 830,-608 827,-608"/>
+<text text-anchor="start" x="695" y="-596.8" font-family="Helvetica,sans-Serif" font-size="9.00">poll&#45;form.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/poll&#45;form/poll&#45;form.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge349" class="edge">
+<g id="edge358" class="edge">
 <title>src/app/shared/components/poll&#45;form/poll&#45;form.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.77,-678.08C824.96,-683.92 842.72,-693.45 853,-709 869.12,-733.38 845.19,-1736.43 861,-1761 959.78,-1914.5 1103.26,-1806.1 1233.5,-1934 1285.4,-1984.97 1311.97,-2071.53 1320.94,-2106.09"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1318.9,-2106.62 1322.41,-2111.92 1322.97,-2105.59 1318.9,-2106.62"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.78,-608.08C824.97,-613.91 842.73,-623.45 853,-639 870.03,-664.77 845.46,-1724.31 861,-1751 957.18,-1916.19 1106.9,-1822.78 1233.5,-1966 1288.31,-2028.01 1313.58,-2127.88 1321.56,-2165.76"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1319.52,-2166.24 1322.78,-2171.7 1323.63,-2165.4 1319.52,-2166.24"/>
 </g>
 <!-- src/app/shared/components/poll&#45;form/poll&#45;form.component.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts -->
-<g id="edge347" class="edge">
+<g id="edge356" class="edge">
 <title>src/app/shared/components/poll&#45;form/poll&#45;form.component.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-678.09C824.94,-683.93 842.71,-693.47 853,-709 865.46,-727.8 851.59,-1500.5 861,-1521 875.59,-1552.79 909.16,-1577.18 931.85,-1590.81"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="930.84,-1592.66 937.08,-1593.88 932.96,-1589.03 930.84,-1592.66"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.76,-608.09C824.95,-613.93 842.71,-623.46 853,-639 866.37,-659.2 850.9,-1488.98 861,-1511 875.58,-1542.8 909.16,-1567.19 931.84,-1580.81"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="930.83,-1582.66 937.07,-1583.88 932.96,-1579.04 930.83,-1582.66"/>
 </g>
 <!-- src/app/shared/components/poll&#45;form/poll&#45;form.component.spec.ts&#45;&gt;src/app/shared/components/poll&#45;form/poll&#45;form.component.ts -->
-<g id="edge348" class="edge">
+<g id="edge357" class="edge">
 <title>src/app/shared/components/poll&#45;form/poll&#45;form.component.spec.ts&#45;&gt;src/app/shared/components/poll&#45;form/poll&#45;form.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M833.05,-669C851.04,-669 870.26,-669 887.97,-669"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="888.42,-671.1 894.42,-669 888.42,-666.9 888.42,-671.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M833.05,-599C851.04,-599 870.26,-599 887.97,-599"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="888.42,-601.1 894.42,-599 888.42,-596.9 888.42,-601.1"/>
 </g>
 <!-- src/app/shared/components/poll&#45;form/poll&#45;form.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge351" class="edge">
+<g id="edge360" class="edge">
 <title>src/app/shared/components/poll&#45;form/poll&#45;form.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.79,-678.06C1024.24,-683.87 1042.05,-693.4 1052.5,-709 1065.62,-728.58 1045.23,-2388.04 1060.5,-2406 1067.41,-2414.13 1076.93,-2419 1087.19,-2421.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.98,-2423.89 1093.3,-2423.18 1087.92,-2419.8 1086.98,-2423.89"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.79,-608.06C1024.25,-613.87 1042.05,-623.4 1052.5,-639 1066.39,-659.74 1044.33,-2416.98 1060.5,-2436 1067.41,-2444.13 1076.93,-2449 1087.19,-2451.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.98,-2453.89 1093.3,-2453.18 1087.92,-2449.8 1086.98,-2453.89"/>
 </g>
 <!-- src/app/shared/components/poll&#45;form/poll&#45;form.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts -->
-<g id="edge350" class="edge">
+<g id="edge359" class="edge">
 <title>src/app/shared/components/poll&#45;form/poll&#45;form.component.ts&#45;&gt;src/app/shared/models/tooltip&#45;direction.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.45,-678.03C1023.98,-683.85 1041.92,-693.38 1052.5,-709 1069.14,-733.56 1041.16,-1220.5 1060.5,-1243 1069.23,-1253.16 1082.02,-1258.22 1095.22,-1260.46"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.07,-1262.56 1101.3,-1261.29 1095.65,-1258.4 1095.07,-1262.56"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.46,-608.03C1023.99,-613.84 1041.93,-623.37 1052.5,-639 1070.99,-666.34 1039.01,-1207.95 1060.5,-1233 1069.22,-1243.16 1082.01,-1248.23 1095.21,-1250.47"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1095.06,-1252.57 1101.29,-1251.3 1095.64,-1248.4 1095.06,-1252.57"/>
 </g>
 <!-- src/app/shared/components/post&#45;form/post&#45;form.component.spec.ts -->
-<g id="node212" class="node">
+<g id="node213" class="node">
 <title>src/app/shared/components/post&#45;form/post&#45;form.component.spec.ts</title>
-<g id="a_node212"><a xlink:href="src/app/shared/components/post-form/post-form.component.spec.ts" xlink:title="post&#45;form.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M829,-798C829,-798 691,-798 691,-798 688,-798 685,-795 685,-792 685,-792 685,-786 685,-786 685,-783 688,-780 691,-780 691,-780 829,-780 829,-780 832,-780 835,-783 835,-786 835,-786 835,-792 835,-792 835,-795 832,-798 829,-798"/>
-<text text-anchor="start" x="693" y="-786.8" font-family="Helvetica,sans-Serif" font-size="9.00">post&#45;form.component.spec.ts</text>
+<g id="a_node213"><a xlink:href="src/app/shared/components/post-form/post-form.component.spec.ts" xlink:title="post&#45;form.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M829,-1062C829,-1062 691,-1062 691,-1062 688,-1062 685,-1059 685,-1056 685,-1056 685,-1050 685,-1050 685,-1047 688,-1044 691,-1044 691,-1044 829,-1044 829,-1044 832,-1044 835,-1047 835,-1050 835,-1050 835,-1056 835,-1056 835,-1059 832,-1062 829,-1062"/>
+<text text-anchor="start" x="693" y="-1050.8" font-family="Helvetica,sans-Serif" font-size="9.00">post&#45;form.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/post&#45;form/post&#45;form.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge354" class="edge">
+<g id="edge363" class="edge">
 <title>src/app/shared/components/post&#45;form/post&#45;form.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.78,-798.08C824.97,-803.91 842.73,-813.45 853,-829 869.97,-854.68 839.9,-1914.6 861,-1937 875.22,-1952.1 1215.92,-1951 1233.5,-1962 1287.09,-1995.52 1312.32,-2072.83 1320.92,-2105.73"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1318.92,-2106.39 1322.43,-2111.69 1323,-2105.36 1318.92,-2106.39"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.77,-1062.08C824.95,-1067.92 842.71,-1077.46 853,-1093 867.08,-1114.26 843.5,-1992.45 861,-2011 875.23,-2026.09 1215.7,-2025.36 1233.5,-2036 1283.52,-2065.89 1310.3,-2135.04 1320.1,-2165.79"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1318.16,-2166.62 1321.93,-2171.74 1322.17,-2165.39 1318.16,-2166.62"/>
 </g>
 <!-- src/app/shared/components/post&#45;form/post&#45;form.component.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts -->
-<g id="edge352" class="edge">
+<g id="edge361" class="edge">
 <title>src/app/shared/components/post&#45;form/post&#45;form.component.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.74,-798.1C824.93,-803.94 842.69,-813.47 853,-829 863.63,-845.02 852.97,-1503.54 861,-1521 875.62,-1552.78 909.18,-1577.18 931.86,-1590.81"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="930.85,-1592.65 937.08,-1593.88 932.97,-1589.03 930.85,-1592.65"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.68,-1062.14C824.86,-1067.99 842.63,-1077.51 853,-1093 865.92,-1112.3 851.21,-1489.94 861,-1511 875.74,-1542.72 909.27,-1567.13 931.91,-1580.78"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="930.89,-1582.62 937.12,-1583.86 933.02,-1579 930.89,-1582.62"/>
 </g>
 <!-- src/app/shared/components/post&#45;form/post&#45;form.component.spec.ts&#45;&gt;src/app/shared/components/post&#45;form/post&#45;form.component.ts -->
-<g id="edge353" class="edge">
+<g id="edge362" class="edge">
 <title>src/app/shared/components/post&#45;form/post&#45;form.component.spec.ts&#45;&gt;src/app/shared/components/post&#45;form/post&#45;form.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M835.26,-789C852.06,-789 869.82,-789 886.35,-789"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.39,-791.1 892.39,-789 886.39,-786.9 886.39,-791.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M835.26,-1053C852.06,-1053 869.82,-1053 886.35,-1053"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="886.39,-1055.1 892.39,-1053 886.39,-1050.9 886.39,-1055.1"/>
 </g>
 <!-- src/app/shared/components/post&#45;form/post&#45;form.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge355" class="edge">
+<g id="edge364" class="edge">
 <title>src/app/shared/components/post&#45;form/post&#45;form.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.78,-798.06C1024.24,-803.88 1042.04,-813.4 1052.5,-829 1064.7,-847.19 1046.31,-2389.32 1060.5,-2406 1067.41,-2414.13 1076.93,-2419 1087.19,-2421.78"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.98,-2423.89 1093.3,-2423.18 1087.92,-2419.79 1086.98,-2423.89"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.78,-1062.07C1024.23,-1067.88 1042.04,-1077.41 1052.5,-1093 1062.89,-1108.49 1048.41,-2421.8 1060.5,-2436 1067.42,-2444.12 1076.93,-2449 1087.2,-2451.77"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1086.99,-2453.88 1093.31,-2453.18 1087.93,-2449.79 1086.99,-2453.88"/>
 </g>
 <!-- src/app/shared/components/profile&#45;pic/profile&#45;pic.component.spec.ts -->
-<g id="node214" class="node">
+<g id="node215" class="node">
 <title>src/app/shared/components/profile&#45;pic/profile&#45;pic.component.spec.ts</title>
-<g id="a_node214"><a xlink:href="src/app/shared/components/profile-pic/profile-pic.component.spec.ts" xlink:title="profile&#45;pic.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M830,-1432C830,-1432 690,-1432 690,-1432 687,-1432 684,-1429 684,-1426 684,-1426 684,-1420 684,-1420 684,-1417 687,-1414 690,-1414 690,-1414 830,-1414 830,-1414 833,-1414 836,-1417 836,-1420 836,-1420 836,-1426 836,-1426 836,-1429 833,-1432 830,-1432"/>
-<text text-anchor="start" x="692" y="-1420.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;pic.component.spec.ts</text>
+<g id="a_node215"><a xlink:href="src/app/shared/components/profile-pic/profile-pic.component.spec.ts" xlink:title="profile&#45;pic.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M830,-1422C830,-1422 690,-1422 690,-1422 687,-1422 684,-1419 684,-1416 684,-1416 684,-1410 684,-1410 684,-1407 687,-1404 690,-1404 690,-1404 830,-1404 830,-1404 833,-1404 836,-1407 836,-1410 836,-1410 836,-1416 836,-1416 836,-1419 833,-1422 830,-1422"/>
+<text text-anchor="start" x="692" y="-1410.8" font-family="Helvetica,sans-Serif" font-size="9.00">profile&#45;pic.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/profile&#45;pic/profile&#45;pic.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts -->
-<g id="edge357" class="edge">
+<g id="edge366" class="edge">
 <title>src/app/shared/components/profile&#45;pic/profile&#45;pic.component.spec.ts&#45;&gt;src/app/core/helpers/typescript&#45;loader.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.73,-1432.11C824.91,-1437.95 842.68,-1447.48 853,-1463 862.23,-1476.88 849.57,-2050.87 861,-2063 864.56,-2066.77 1228.42,-2088.97 1233.5,-2090 1255.4,-2094.45 1279.28,-2102.72 1297.08,-2109.6"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1296.52,-2111.64 1302.87,-2111.87 1298.05,-2107.73 1296.52,-2111.64"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M807.74,-1422.1C824.92,-1427.94 842.69,-1437.48 853,-1453 862.87,-1467.85 848.74,-2082.05 861,-2095 868.13,-2102.53 1223.68,-2116.65 1233.5,-2120 1263.52,-2130.24 1293.04,-2153.02 1309.98,-2167.66"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1308.92,-2169.53 1314.81,-2171.92 1311.7,-2166.38 1308.92,-2169.53"/>
 </g>
 <!-- src/app/shared/components/profile&#45;pic/profile&#45;pic.component.spec.ts&#45;&gt;src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts -->
-<g id="edge356" class="edge">
+<g id="edge365" class="edge">
 <title>src/app/shared/components/profile&#45;pic/profile&#45;pic.component.spec.ts&#45;&gt;src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M836.09,-1423C852.22,-1423 869.2,-1423 885.1,-1423"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="885.37,-1425.1 891.37,-1423 885.37,-1420.9 885.37,-1425.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M836.09,-1413C852.22,-1413 869.2,-1413 885.1,-1413"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="885.37,-1415.1 891.37,-1413 885.37,-1410.9 885.37,-1415.1"/>
 </g>
 <!-- src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts -->
-<g id="edge358" class="edge">
+<g id="edge367" class="edge">
 <title>src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts&#45;&gt;src/app/core/constants/routes.constants.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M899.92,-1432.06C880.85,-1438.57 862.82,-1449.76 857,-1469 854.28,-1478 854.28,-2814 857,-2823 862.25,-2840.35 878.95,-2848.32 897.14,-2851.63"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="897.1,-2853.75 903.35,-2852.58 897.74,-2849.6 897.1,-2853.75"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M899.92,-1422.06C880.85,-1428.57 862.82,-1439.76 857,-1459 854.19,-1468.27 854.19,-2843.73 857,-2853 862.25,-2870.35 878.95,-2878.32 897.14,-2881.63"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="897.1,-2883.75 903.35,-2882.58 897.74,-2879.6 897.1,-2883.75"/>
 </g>
 <!-- src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts&#45;&gt;src/app/core/services/translations.service.ts -->
-<g id="edge360" class="edge">
+<g id="edge369" class="edge">
 <title>src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts&#45;&gt;src/app/core/services/translations.service.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.76,-1432.08C1024.21,-1437.9 1042.02,-1447.42 1052.5,-1463 1067.12,-1484.73 1043.49,-2386.08 1060.5,-2406 1067.43,-2414.11 1076.95,-2418.98 1087.21,-2421.76"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.01,-2423.87 1093.33,-2423.16 1087.95,-2419.77 1087.01,-2423.87"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1006.76,-1422.08C1024.21,-1427.9 1042.02,-1437.42 1052.5,-1453 1067.74,-1475.66 1042.77,-2415.23 1060.5,-2436 1067.42,-2444.11 1076.95,-2448.99 1087.21,-2451.76"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1087.01,-2453.87 1093.32,-2453.16 1087.94,-2449.78 1087.01,-2453.87"/>
 </g>
 <!-- src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts&#45;&gt;src/app/core/models/person.model.ts -->
-<g id="edge359" class="edge">
+<g id="edge368" class="edge">
 <title>src/app/shared/components/profile&#45;pic/profile&#45;pic.component.ts&#45;&gt;src/app/core/models/person.model.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1019.89,-1420.55C1032.43,-1417.05 1044.24,-1411.03 1052.5,-1401 1070.37,-1379.28 1040.3,-1167.57 1060.5,-1148 1115.72,-1094.5 1168.11,-1107.56 1233.5,-1148 1509.38,-1318.62 1474.15,-1488.05 1559.5,-1801 1598.67,-1944.64 1609.1,-2432.46 1610.75,-2525.57"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1608.65,-2525.85 1610.85,-2531.81 1612.85,-2525.77 1608.65,-2525.85"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1019.89,-1410.55C1032.43,-1407.05 1044.24,-1401.03 1052.5,-1391 1070.37,-1369.28 1040.3,-1157.57 1060.5,-1138 1115.72,-1084.5 1168.11,-1097.56 1233.5,-1138 1509.38,-1308.62 1483.26,-1475.71 1559.5,-1791 1568.61,-1828.69 1554.4,-2452.5 1567.5,-2489 1577.57,-2517.06 1601.6,-2542.65 1617.72,-2557.53"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1616.58,-2559.33 1622.44,-2561.8 1619.4,-2556.22 1616.58,-2559.33"/>
 </g>
 <!-- src/app/shared/components/unauthorized/unauthorized.component.spec.ts -->
-<g id="node216" class="node">
+<g id="node217" class="node">
 <title>src/app/shared/components/unauthorized/unauthorized.component.spec.ts</title>
-<g id="a_node216"><a xlink:href="src/app/shared/components/unauthorized/unauthorized.component.spec.ts" xlink:title="unauthorized.component.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M837.5,-378C837.5,-378 682.5,-378 682.5,-378 679.5,-378 676.5,-375 676.5,-372 676.5,-372 676.5,-366 676.5,-366 676.5,-363 679.5,-360 682.5,-360 682.5,-360 837.5,-360 837.5,-360 840.5,-360 843.5,-363 843.5,-366 843.5,-366 843.5,-372 843.5,-372 843.5,-375 840.5,-378 837.5,-378"/>
-<text text-anchor="start" x="684.5" y="-366.8" font-family="Helvetica,sans-Serif" font-size="9.00">unauthorized.component.spec.ts</text>
+<g id="a_node217"><a xlink:href="src/app/shared/components/unauthorized/unauthorized.component.spec.ts" xlink:title="unauthorized.component.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M837.5,-308C837.5,-308 682.5,-308 682.5,-308 679.5,-308 676.5,-305 676.5,-302 676.5,-302 676.5,-296 676.5,-296 676.5,-293 679.5,-290 682.5,-290 682.5,-290 837.5,-290 837.5,-290 840.5,-290 843.5,-293 843.5,-296 843.5,-296 843.5,-302 843.5,-302 843.5,-305 840.5,-308 837.5,-308"/>
+<text text-anchor="start" x="684.5" y="-296.8" font-family="Helvetica,sans-Serif" font-size="9.00">unauthorized.component.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/components/unauthorized/unauthorized.component.spec.ts&#45;&gt;src/app/shared/components/unauthorized/unauthorized.component.ts -->
-<g id="edge361" class="edge">
+<g id="edge370" class="edge">
 <title>src/app/shared/components/unauthorized/unauthorized.component.spec.ts&#45;&gt;src/app/shared/components/unauthorized/unauthorized.component.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M843.62,-369C854.89,-369 866.42,-369 877.58,-369"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="877.74,-371.1 883.74,-369 877.74,-366.9 877.74,-371.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M843.62,-299C854.89,-299 866.42,-299 877.58,-299"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="877.74,-301.1 883.74,-299 877.74,-296.9 877.74,-301.1"/>
 </g>
 <!-- src/app/shared/pipes/form&#45;control/form&#45;control.pipe.spec.ts -->
-<g id="node217" class="node">
+<g id="node218" class="node">
 <title>src/app/shared/pipes/form&#45;control/form&#45;control.pipe.spec.ts</title>
-<g id="a_node217"><a xlink:href="src/app/shared/pipes/form-control/form-control.pipe.spec.ts" xlink:title="form&#45;control.pipe.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M819,-1612C819,-1612 701,-1612 701,-1612 698,-1612 695,-1609 695,-1606 695,-1606 695,-1600 695,-1600 695,-1597 698,-1594 701,-1594 701,-1594 819,-1594 819,-1594 822,-1594 825,-1597 825,-1600 825,-1600 825,-1606 825,-1606 825,-1609 822,-1612 819,-1612"/>
-<text text-anchor="start" x="703" y="-1600.8" font-family="Helvetica,sans-Serif" font-size="9.00">form&#45;control.pipe.spec.ts</text>
+<g id="a_node218"><a xlink:href="src/app/shared/pipes/form-control/form-control.pipe.spec.ts" xlink:title="form&#45;control.pipe.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M819,-1602C819,-1602 701,-1602 701,-1602 698,-1602 695,-1599 695,-1596 695,-1596 695,-1590 695,-1590 695,-1587 698,-1584 701,-1584 701,-1584 819,-1584 819,-1584 822,-1584 825,-1587 825,-1590 825,-1590 825,-1596 825,-1596 825,-1599 822,-1602 819,-1602"/>
+<text text-anchor="start" x="703" y="-1590.8" font-family="Helvetica,sans-Serif" font-size="9.00">form&#45;control.pipe.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/pipes/form&#45;control/form&#45;control.pipe.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts -->
-<g id="edge363" class="edge">
+<g id="edge372" class="edge">
 <title>src/app/shared/pipes/form&#45;control/form&#45;control.pipe.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;control/form&#45;control.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M825.16,-1603C848.09,-1603 873.78,-1603 896.19,-1603"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="896.42,-1605.1 902.42,-1603 896.42,-1600.9 896.42,-1605.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M825.16,-1593C848.09,-1593 873.78,-1593 896.19,-1593"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="896.42,-1595.1 902.42,-1593 896.42,-1590.9 896.42,-1595.1"/>
 </g>
 <!-- src/app/shared/pipes/form&#45;group/form&#45;group.pipe.spec.ts -->
-<g id="node218" class="node">
+<g id="node219" class="node">
 <title>src/app/shared/pipes/form&#45;group/form&#45;group.pipe.spec.ts</title>
-<g id="a_node218"><a xlink:href="src/app/shared/pipes/form-group/form-group.pipe.spec.ts" xlink:title="form&#45;group.pipe.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M816.5,-1732C816.5,-1732 703.5,-1732 703.5,-1732 700.5,-1732 697.5,-1729 697.5,-1726 697.5,-1726 697.5,-1720 697.5,-1720 697.5,-1717 700.5,-1714 703.5,-1714 703.5,-1714 816.5,-1714 816.5,-1714 819.5,-1714 822.5,-1717 822.5,-1720 822.5,-1720 822.5,-1726 822.5,-1726 822.5,-1729 819.5,-1732 816.5,-1732"/>
-<text text-anchor="start" x="705.5" y="-1720.8" font-family="Helvetica,sans-Serif" font-size="9.00">form&#45;group.pipe.spec.ts</text>
+<g id="a_node219"><a xlink:href="src/app/shared/pipes/form-group/form-group.pipe.spec.ts" xlink:title="form&#45;group.pipe.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M816.5,-1722C816.5,-1722 703.5,-1722 703.5,-1722 700.5,-1722 697.5,-1719 697.5,-1716 697.5,-1716 697.5,-1710 697.5,-1710 697.5,-1707 700.5,-1704 703.5,-1704 703.5,-1704 816.5,-1704 816.5,-1704 819.5,-1704 822.5,-1707 822.5,-1710 822.5,-1710 822.5,-1716 822.5,-1716 822.5,-1719 819.5,-1722 816.5,-1722"/>
+<text text-anchor="start" x="705.5" y="-1710.8" font-family="Helvetica,sans-Serif" font-size="9.00">form&#45;group.pipe.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/pipes/form&#45;group/form&#45;group.pipe.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;group/form&#45;group.pipe.ts -->
-<g id="edge364" class="edge">
+<g id="edge373" class="edge">
 <title>src/app/shared/pipes/form&#45;group/form&#45;group.pipe.spec.ts&#45;&gt;src/app/shared/pipes/form&#45;group/form&#45;group.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M822.76,-1723C847.12,-1723 874.91,-1723 898.67,-1723"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="898.94,-1725.1 904.94,-1723 898.94,-1720.9 898.94,-1725.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M822.76,-1713C847.12,-1713 874.91,-1713 898.67,-1713"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="898.94,-1715.1 904.94,-1713 898.94,-1710.9 898.94,-1715.1"/>
 </g>
 <!-- src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.spec.ts -->
-<g id="node220" class="node">
+<g id="node221" class="node">
 <title>src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.spec.ts</title>
-<g id="a_node220"><a xlink:href="src/app/shared/pipes/truncate-file-name/truncate-file-name.pipe.spec.ts" xlink:title="truncate&#45;file&#45;name.pipe.spec.ts">
-<path fill="#ddfeff" stroke="black" d="M833,-1672C833,-1672 687,-1672 687,-1672 684,-1672 681,-1669 681,-1666 681,-1666 681,-1660 681,-1660 681,-1657 684,-1654 687,-1654 687,-1654 833,-1654 833,-1654 836,-1654 839,-1657 839,-1660 839,-1660 839,-1666 839,-1666 839,-1669 836,-1672 833,-1672"/>
-<text text-anchor="start" x="689" y="-1660.8" font-family="Helvetica,sans-Serif" font-size="9.00">truncate&#45;file&#45;name.pipe.spec.ts</text>
+<g id="a_node221"><a xlink:href="src/app/shared/pipes/truncate-file-name/truncate-file-name.pipe.spec.ts" xlink:title="truncate&#45;file&#45;name.pipe.spec.ts">
+<path fill="#ddfeff" stroke="black" d="M833,-1662C833,-1662 687,-1662 687,-1662 684,-1662 681,-1659 681,-1656 681,-1656 681,-1650 681,-1650 681,-1647 684,-1644 687,-1644 687,-1644 833,-1644 833,-1644 836,-1644 839,-1647 839,-1650 839,-1650 839,-1656 839,-1656 839,-1659 836,-1662 833,-1662"/>
+<text text-anchor="start" x="689" y="-1650.8" font-family="Helvetica,sans-Serif" font-size="9.00">truncate&#45;file&#45;name.pipe.spec.ts</text>
 </a>
 </g>
 </g>
 <!-- src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.spec.ts&#45;&gt;src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.ts -->
-<g id="edge365" class="edge">
+<g id="edge374" class="edge">
 <title>src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.spec.ts&#45;&gt;src/app/shared/pipes/truncate&#45;file&#45;name/truncate&#45;file&#45;name.pipe.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M839.15,-1663C853.46,-1663 868.35,-1663 882.47,-1663"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="882.48,-1665.1 888.48,-1663 882.48,-1660.9 882.48,-1665.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M839.15,-1653C853.46,-1653 868.35,-1653 882.47,-1653"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="882.48,-1655.1 888.48,-1653 882.48,-1650.9 882.48,-1655.1"/>
 </g>
 <!-- src/assets/i18n/translations.fr.ts -->
-<g id="node221" class="node">
+<g id="node222" class="node">
 <title>src/assets/i18n/translations.fr.ts</title>
-<g id="a_node221"><a xlink:href="src/assets/i18n/translations.fr.ts" xlink:title="translations.fr.ts">
-<path fill="#ddfeff" stroke="black" d="M1189.5,-6252C1189.5,-6252 1112.5,-6252 1112.5,-6252 1109.5,-6252 1106.5,-6249 1106.5,-6246 1106.5,-6246 1106.5,-6240 1106.5,-6240 1106.5,-6237 1109.5,-6234 1112.5,-6234 1112.5,-6234 1189.5,-6234 1189.5,-6234 1192.5,-6234 1195.5,-6237 1195.5,-6240 1195.5,-6240 1195.5,-6246 1195.5,-6246 1195.5,-6249 1192.5,-6252 1189.5,-6252"/>
-<text text-anchor="start" x="1114.5" y="-6240.8" font-family="Helvetica,sans-Serif" font-size="9.00">translations.fr.ts</text>
+<g id="a_node222"><a xlink:href="src/assets/i18n/translations.fr.ts" xlink:title="translations.fr.ts">
+<path fill="#ddfeff" stroke="black" d="M1189.5,-6310C1189.5,-6310 1112.5,-6310 1112.5,-6310 1109.5,-6310 1106.5,-6307 1106.5,-6304 1106.5,-6304 1106.5,-6298 1106.5,-6298 1106.5,-6295 1109.5,-6292 1112.5,-6292 1112.5,-6292 1189.5,-6292 1189.5,-6292 1192.5,-6292 1195.5,-6295 1195.5,-6298 1195.5,-6298 1195.5,-6304 1195.5,-6304 1195.5,-6307 1192.5,-6310 1189.5,-6310"/>
+<text text-anchor="start" x="1114.5" y="-6298.8" font-family="Helvetica,sans-Serif" font-size="9.00">translations.fr.ts</text>
 </a>
 </g>
 </g>
 <!-- src/assets/i18n/translations.fr.ts&#45;&gt;src/assets/i18n/translations.en.ts -->
-<g id="edge392" class="edge">
+<g id="edge402" class="edge">
 <title>src/assets/i18n/translations.fr.ts&#45;&gt;src/assets/i18n/translations.en.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1195.53,-6243C1218.72,-6243 1247.41,-6243 1271.85,-6243"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1271.96,-6245.1 1277.96,-6243 1271.96,-6240.9 1271.96,-6245.1"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M1195.53,-6301C1218.72,-6301 1247.41,-6301 1271.85,-6301"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1271.96,-6303.1 1277.96,-6301 1271.96,-6298.9 1271.96,-6303.1"/>
 </g>
 <!-- src/environments/environment.pr.ts -->
-<g id="node222" class="node">
+<g id="node223" class="node">
 <title>src/environments/environment.pr.ts</title>
-<g id="a_node222"><a xlink:href="src/environments/environment.pr.ts" xlink:title="no&#45;orphans">
+<g id="a_node223"><a xlink:href="src/environments/environment.pr.ts" xlink:title="no&#45;orphans">
 <path fill="#ccffcc" stroke="orange" d="M1368.5,-72C1368.5,-72 1282.5,-72 1282.5,-72 1279.5,-72 1276.5,-69 1276.5,-66 1276.5,-66 1276.5,-60 1276.5,-60 1276.5,-57 1279.5,-54 1282.5,-54 1282.5,-54 1368.5,-54 1368.5,-54 1371.5,-54 1374.5,-57 1374.5,-60 1374.5,-60 1374.5,-66 1374.5,-66 1374.5,-69 1371.5,-72 1368.5,-72"/>
 <text text-anchor="start" x="1284.5" y="-60.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">environment.pr.ts</text>
 </a>
 </g>
 </g>
 <!-- src/environments/environment.prod.ts -->
-<g id="node223" class="node">
+<g id="node224" class="node">
 <title>src/environments/environment.prod.ts</title>
-<g id="a_node223"><a xlink:href="src/environments/environment.prod.ts" xlink:title="no&#45;orphans">
+<g id="a_node224"><a xlink:href="src/environments/environment.prod.ts" xlink:title="no&#45;orphans">
 <path fill="#ccffcc" stroke="orange" d="M1374.5,-42C1374.5,-42 1276.5,-42 1276.5,-42 1273.5,-42 1270.5,-39 1270.5,-36 1270.5,-36 1270.5,-30 1270.5,-30 1270.5,-27 1273.5,-24 1276.5,-24 1276.5,-24 1374.5,-24 1374.5,-24 1377.5,-24 1380.5,-27 1380.5,-30 1380.5,-30 1380.5,-36 1380.5,-36 1380.5,-39 1377.5,-42 1374.5,-42"/>
 <text text-anchor="start" x="1278.5" y="-30.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">environment.prod.ts</text>
 </a>
 </g>
 </g>
 <!-- src/main.ts -->
-<g id="node224" class="node">
+<g id="node225" class="node">
 <title>src/main.ts</title>
-<g id="a_node224"><a xlink:href="src/main.ts" xlink:title="main.ts">
-<path fill="#ddfeff" stroke="black" d="M68,-3114C68,-3114 26,-3114 26,-3114 23,-3114 20,-3111 20,-3108 20,-3108 20,-3102 20,-3102 20,-3099 23,-3096 26,-3096 26,-3096 68,-3096 68,-3096 71,-3096 74,-3099 74,-3102 74,-3102 74,-3108 74,-3108 74,-3111 71,-3114 68,-3114"/>
-<text text-anchor="start" x="30" y="-3102.8" font-family="Helvetica,sans-Serif" font-size="9.00">main.ts</text>
+<g id="a_node225"><a xlink:href="src/main.ts" xlink:title="main.ts">
+<path fill="#ddfeff" stroke="black" d="M68,-3151C68,-3151 26,-3151 26,-3151 23,-3151 20,-3148 20,-3145 20,-3145 20,-3139 20,-3139 20,-3136 23,-3133 26,-3133 26,-3133 68,-3133 68,-3133 71,-3133 74,-3136 74,-3139 74,-3139 74,-3145 74,-3145 74,-3148 71,-3151 68,-3151"/>
+<text text-anchor="start" x="30" y="-3139.8" font-family="Helvetica,sans-Serif" font-size="9.00">main.ts</text>
 </a>
 </g>
 </g>
 <!-- src/main.ts&#45;&gt;src/app/app.module.ts -->
-<g id="edge393" class="edge">
+<g id="edge403" class="edge">
 <title>src/main.ts&#45;&gt;src/app/app.module.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M48.04,-3114.21C48.85,-3293.77 61.59,-6038.52 86,-6070 86.79,-6071.02 87.66,-6071.97 88.58,-6072.85"/>
-<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="87.61,-6074.75 93.67,-6076.68 90.14,-6071.39 87.61,-6074.75"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M48.04,-3151.05C48.82,-3330.32 61.27,-6112.11 86,-6144 86.79,-6145.02 87.66,-6145.97 88.58,-6146.85"/>
+<polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="87.61,-6148.75 93.67,-6150.68 90.14,-6145.39 87.61,-6148.75"/>
 </g>
 <!-- src/main.ts&#45;&gt;src/environments/environment.ts -->
-<g id="edge394" class="edge">
+<g id="edge404" class="edge">
 <title>src/main.ts&#45;&gt;src/environments/environment.ts</title>
-<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M70.64,-3095.82C73.58,-3093.68 76.19,-3091.1 78,-3088 88.36,-3070.28 72.53,-148.48 86,-133 133.43,-78.46 174.72,-110 247,-110 247,-110 247,-110 956.5,-110 1071.2,-110 1205.79,-101.66 1276.12,-96.66"/>
+<path fill="none" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" d="M48.03,-3132.92C48.69,-2953.14 59.31,-163.39 86,-133 133.7,-78.69 174.72,-110 247,-110 247,-110 247,-110 956.5,-110 1071.2,-110 1205.79,-101.66 1276.12,-96.66"/>
 <polygon fill="#000000" fill-opacity="0.200000" stroke="#000000" stroke-width="2" stroke-opacity="0.200000" points="1276.47,-98.74 1282.31,-96.22 1276.17,-94.55 1276.47,-98.74"/>
 </g>
 <!-- src/polyfills.ts -->
-<g id="node225" class="node">
+<g id="node226" class="node">
 <title>src/polyfills.ts</title>
-<g id="a_node225"><a xlink:href="src/polyfills.ts" xlink:title="no&#45;orphans">
-<path fill="#ccffcc" stroke="orange" d="M72,-3082C72,-3082 22,-3082 22,-3082 19,-3082 16,-3079 16,-3076 16,-3076 16,-3070 16,-3070 16,-3067 19,-3064 22,-3064 22,-3064 72,-3064 72,-3064 75,-3064 78,-3067 78,-3070 78,-3070 78,-3076 78,-3076 78,-3079 75,-3082 72,-3082"/>
-<text text-anchor="start" x="24" y="-3070.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">polyfills.ts</text>
+<g id="a_node226"><a xlink:href="src/polyfills.ts" xlink:title="no&#45;orphans">
+<path fill="#ccffcc" stroke="orange" d="M72,-70C72,-70 22,-70 22,-70 19,-70 16,-67 16,-64 16,-64 16,-58 16,-58 16,-55 19,-52 22,-52 22,-52 72,-52 72,-52 75,-52 78,-55 78,-58 78,-58 78,-64 78,-64 78,-67 75,-70 72,-70"/>
+<text text-anchor="start" x="24" y="-58.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">polyfills.ts</text>
 </a>
 </g>
 </g>
 <!-- src/test.ts -->
-<g id="node226" class="node">
+<g id="node227" class="node">
 <title>src/test.ts</title>
-<g id="a_node226"><a xlink:href="src/test.ts" xlink:title="no&#45;orphans">
-<path fill="#ccffcc" stroke="orange" d="M68,-3048C68,-3048 26,-3048 26,-3048 23,-3048 20,-3045 20,-3042 20,-3042 20,-3036 20,-3036 20,-3033 23,-3030 26,-3030 26,-3030 68,-3030 68,-3030 71,-3030 74,-3033 74,-3036 74,-3036 74,-3042 74,-3042 74,-3045 71,-3048 68,-3048"/>
-<text text-anchor="start" x="32.5" y="-3036.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">test.ts</text>
+<g id="a_node227"><a xlink:href="src/test.ts" xlink:title="no&#45;orphans">
+<path fill="#ccffcc" stroke="orange" d="M68,-38C68,-38 26,-38 26,-38 23,-38 20,-35 20,-32 20,-32 20,-26 20,-26 20,-23 23,-20 26,-20 26,-20 68,-20 68,-20 71,-20 74,-23 74,-26 74,-26 74,-32 74,-32 74,-35 71,-38 68,-38"/>
+<text text-anchor="start" x="32.5" y="-26.8" font-family="Helvetica,sans-Serif" font-size="9.00" fill="orange">test.ts</text>
 </a>
 </g>
 </g>