diff --git a/svg/static/X_cursor.svg b/svg/static/X_cursor.svg
new file mode 100644
index 0000000..91771de
--- /dev/null
+++ b/svg/static/X_cursor.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <path d="M38.4717 28.0088C37.1616 28.2616 35.9357 28.8397 34.907 29.69C33.8782 30.5404 33.0794 31.6358 32.5839 32.8756C32.0883 34.1153 31.9121 35.4597 32.071 36.7854C32.2299 38.1112 32.719 39.3755 33.4935 40.4628L49.4239 63.8764C39.3235 73.5344 32 85.6287 32 99.7441C32 114.427 39.8599 126.862 50.6685 136.608L41.2098 151.304C40.4554 152.508 40.0365 153.892 39.9966 155.313C39.9566 156.734 40.297 158.139 40.9825 159.384C41.668 160.629 42.6737 161.668 43.8953 162.393C45.1169 163.118 46.5101 163.504 47.9304 163.509H55.8956C57.217 163.531 58.5232 163.224 59.6964 162.615C60.8697 162.006 61.873 161.115 62.6163 160.022L69.8348 149.062C78.9115 152.84 88.8351 155.538 99.7043 155.538C105.583 155.538 110.97 154.46 116.382 153.296L120.862 160.022C121.605 161.115 122.609 162.006 123.782 162.615C124.955 163.224 126.261 163.531 127.583 163.509H159.443C160.882 163.488 162.287 163.078 163.512 162.322C164.736 161.566 165.733 160.493 166.396 159.216C167.06 157.939 167.366 156.506 167.281 155.069C167.196 153.632 166.724 152.245 165.915 151.055L153.221 132.374C161.473 123.243 167.409 112.34 167.409 99.7441C167.409 83.7015 158.102 70.1713 145.504 60.1402L158.199 40.2137C158.953 39.0094 159.372 37.6254 159.412 36.2046C159.452 34.7838 159.112 33.3781 158.426 32.1332C157.741 30.8883 156.735 29.8494 155.513 29.1243C154.292 28.3991 152.899 28.0139 151.478 28.0088H143.513C142.192 27.9865 140.885 28.2937 139.712 28.9024C138.539 29.5112 137.536 30.4024 136.792 31.4959L124.845 49.1806C116.869 46.5093 108.76 43.9499 99.7043 43.9499C95.5826 43.9499 91.694 44.6211 87.7565 45.1953L78.5467 31.4959C77.8035 30.4024 76.8001 29.5112 75.6269 28.9024C74.4536 28.2937 73.1475 27.9865 71.8261 28.0088H39.9652C39.7166 27.9971 39.4676 27.9971 39.219 28.0088C38.9703 27.9971 38.7211 27.9971 38.4725 28.0088H38.4717Z" fill="white"/>
+  </g>
+  <path d="M159.444 155.436H127.583L95.7214 107.612L143.513 35.8772H151.478L115.635 91.6712L159.444 155.436Z" fill="#4D4D4D"/>
+  <path d="M39.9653 35.8772H71.8263L103.687 83.7006L55.8958 155.436H47.9306L83.7742 99.6418L39.9653 35.8772Z" fill="#4D4D4D"/>
+  <path d="M95.7219 51.9207L95.4735 52.1692C93.8681 52.2577 92.3118 52.4801 90.7441 52.6674L101.945 69.3559C103.941 64.2267 109.157 61.2337 115.138 61.3853C116.456 61.4171 117.753 61.802 119.12 62.132C119.286 62.1719 119.452 62.0842 119.618 62.132C121.43 62.6652 123.142 63.4201 124.845 64.1247L128.828 57.8976C120.198 54.0223 110.304 51.9197 99.705 51.9197C98.4664 51.9197 97.1912 52.1098 95.9713 52.1688L95.7219 51.9207ZM135.05 61.3857L131.316 67.3637C143.431 74.5988 151.478 86.3721 151.478 99.7443C151.478 121.754 130.082 139.597 103.687 139.597C77.2927 139.597 55.8958 121.754 55.8958 99.7443C55.8958 90.2851 59.9598 81.6695 66.599 74.8361L59.6295 64.3747C47.5505 73.0836 39.9653 85.673 39.9653 99.7443C39.9653 126.157 66.7114 147.568 99.7045 147.568C132.698 147.568 159.444 126.157 159.444 99.7443C159.444 83.9456 149.802 70.0938 135.05 61.3857Z" fill="#F67400"/>
+  <defs>
+    <filter id="filter0_d" x="28" y="28" width="143.409" height="145.51" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/svg/static/context-menu.svg b/svg/static/context-menu.svg
new file mode 100644
index 0000000..960880b
--- /dev/null
+++ b/svg/static/context-menu.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <path d="M57.4358 30.6757L57.3085 139.5C57.3065 141.145 58.622 142.494 60.2653 142.579C67.1894 142.936 84.7041 144.456 95.9356 150.842C104.365 155.635 105.12 161 113.991 157.086C122.863 153.173 118.953 149.2 121.097 139.744C123.949 127.16 134.328 113.346 138.623 108.029C139.651 106.757 139.535 104.89 138.326 103.789L57.8541 30.4912C57.6937 30.3451 57.436 30.4587 57.4358 30.6757Z" fill="white"/>
+    <path d="M53.4358 30.671V30.6711L53.3085 139.495C53.304 143.333 56.3505 146.382 60.0592 146.573C63.4196 146.747 69.3431 147.203 75.7616 148.383C82.2406 149.575 88.9155 151.452 93.9584 154.319C95.8017 155.367 97.2421 156.454 98.5665 157.514C98.7898 157.692 99.0213 157.88 99.2593 158.073C100.321 158.935 101.513 159.903 102.697 160.633C104.31 161.629 106.193 162.39 108.537 162.435C110.782 162.477 113.094 161.854 115.606 160.746C118.108 159.642 120.128 158.359 121.584 156.654C123.116 154.86 123.746 152.931 124.023 151.087C124.209 149.844 124.252 148.409 124.29 147.143C124.301 146.763 124.312 146.399 124.326 146.059C124.394 144.421 124.536 142.665 124.998 140.628C126.283 134.959 129.332 128.794 132.729 123.252C136.096 117.758 139.651 113.122 141.735 110.543C144.052 107.674 143.841 103.402 141.019 100.832L60.5476 27.534L60.5476 27.534C57.8202 25.0498 53.4401 26.9819 53.4358 30.671Z" stroke="white" stroke-width="8"/>
+  </g>
+  <path d="M57.4365 30.1108L57.3074 140.49C57.3061 141.587 58.1752 142.485 59.2712 142.532C65.3462 142.791 84.1186 144.123 95.9357 150.842C104.365 155.635 105.12 161 113.991 157.086C122.863 153.173 118.953 149.2 121.097 139.744C124.099 126.499 135.438 111.893 139.247 107.264C139.94 106.422 139.858 105.184 139.052 104.45L57.4365 30.1108Z" fill="#4D4D4D"/>
+  <path d="M91.349 61H77C74.2386 61 72 63.2386 72 66V69C72 71.7614 74.2386 74 77 74H105.621L91.349 61Z" fill="#3DAEE9"/>
+  <path d="M113.307 81H89C86.2386 81 84 83.2386 84 86V89C84 91.7614 86.2386 94 89 94H127.579L113.307 81Z" fill="#3DAEE9"/>
+  <path d="M135.264 101H105C102.239 101 100 103.239 100 106V109C100 111.761 102.239 114 105 114H134.083C136.207 111.036 138.08 108.682 139.247 107.264C139.94 106.422 139.858 105.184 139.052 104.45L135.264 101Z" fill="#3DAEE9"/>
+  <defs>
+    <filter id="filter0_d" x="45.3085" y="22.4099" width="106.011" height="154.027" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/svg/static/hand1.svg b/svg/static/hand1.svg
new file mode 100644
index 0000000..ccb8bcd
--- /dev/null
+++ b/svg/static/hand1.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <path d="M88.5498 37.498C85.2559 33.8393 81.0353 31.2939 75.7371 31.6822H75.5308C65.8423 32.5577 58.9924 41.3654 60.6516 50.9989L68.9178 100.641C65.789 98.4255 61.9952 94.6274 59.205 93.371C52.739 90.4593 46.82 90.0923 42.0526 91.5016C32.5179 94.3202 29.6532 103.549 29.6532 103.549L28 108.326L32.1331 111.234C41.2362 117.411 50.4799 132.387 59.205 146.336C63.5676 153.311 67.9055 159.909 72.8443 165.237C77.7832 170.566 83.7036 175.048 91.2367 175L149.72 174.792H156.126L156.333 168.353C156.333 168.353 156.922 156.756 157.986 143.013C159.05 129.271 160.697 113.251 162.532 105.834L172.452 65.7464C175.312 54.7339 166.592 44.1336 155.299 44.9758C151.833 45.1752 148.777 46.7118 146.206 48.7145L146.413 42.691C147.06 32.63 138.858 24.386 128.848 25.036C123.216 25.3863 119.366 29.0375 116.655 33.5519C113.697 22.458 92.7418 21.7743 88.5498 37.4984V37.498Z" fill="white"/>
+  </g>
+  <path d="M102.232 32.0172C97.0131 32.3326 92.558 37.3609 92.8938 42.5569L95.5914 89.4688C95.7262 91.8118 93.6084 92.2926 93.3088 90.5021L86.0461 47.1034C85.3326 42.1949 80.4301 38.2697 75.4633 38.6303C69.9984 39.1197 65.6046 44.8188 66.5406 50.2033L76.5008 109.722C76.534 110.561 76.6728 111.397 76.9159 112.201C76.5261 113.775 76.2937 114.888 76.2937 114.888C43.0927 81.8224 35 105.588 35 105.588C57.5614 120.759 71.2464 168.124 90.6116 168L149.335 167.793C149.335 167.793 151.524 121.137 155.768 104.142L165.728 64.2566C167.322 58.1765 161.645 51.392 155.353 51.857C151.097 52.0997 147.193 55.3689 146.223 59.5034L137.715 93.1891C137.254 95.0172 136.81 94.2841 136.885 92.7758L139.375 42.5573C139.739 36.9478 134.425 31.6552 128.792 32.0176C123.924 32.3178 119.649 36.6697 119.455 41.524L117.172 87.4026C117.056 89.7339 115.445 89.7796 115.304 87.1963L112.814 41.5244C112.604 36.2566 107.515 31.6849 102.232 32.018V32.0172Z" fill="#4D4D4D"/>
+  <defs>
+    <filter id="filter0_d" x="24" y="25" width="153" height="160" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/svg/static/hand2.svg b/svg/static/hand2.svg
new file mode 100644
index 0000000..86ae262
--- /dev/null
+++ b/svg/static/hand2.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <path d="M91.0533 27C86.1976 27 81.439 29.3955 78.4142 33.4317C75.3894 37.4679 73.9155 43.0078 73.9155 49.2966V97.3199C70.1253 94.5133 65.6666 90.2317 62.3475 88.7443C55.6402 85.7387 49.5118 85.149 44.5671 86.6004C34.6777 89.5034 31.4996 99.035 31.4996 99.035L30 103.966L34.2844 106.967C43.7151 113.34 53.2736 128.971 62.3475 143.414C66.8845 150.635 71.3573 157.407 76.4862 162.923C81.615 168.439 87.9468 173.05 95.7662 173L156.177 172.786L162.389 172.572L163.032 166.569L169.887 97.9639C170.904 88.1246 164.942 79.7431 157.248 77.1681C153.534 75.9254 149.274 76.563 145.465 78.24C142.965 74.4065 139.694 71.5074 135.611 70.522C132.134 69.6827 128.432 70.4232 125.114 71.8083C122.732 68.4041 119.618 65.9258 115.903 64.7335C113.51 63.9657 110.782 64.5605 108.191 64.9475V49.297C108.191 43.0082 106.717 37.4683 103.692 33.4321C100.667 29.3959 95.9086 27.0004 91.0529 27.0004L91.0533 27Z" fill="white"/>
+  </g>
+  <path d="M95.5183 166L156.061 165.607L162.915 96.7201C164.353 82.757 147.134 76.9471 142.354 89.8314C142.416 74.3477 126.566 72.4104 121.793 82.9427C122.391 70.1501 106.219 65.1987 101.232 76.054V48.4996C101.232 27.8335 80.6708 27.8335 80.6708 48.4996V110.498C46.4024 76.0544 38 100.804 38 100.804C61.2868 116.607 75.5304 166.129 95.5183 166Z" fill="#4D4D4D"/>
+  <defs>
+    <filter id="filter0_d" x="26" y="27" width="148" height="156" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/svg/static/link.svg b/svg/static/link.svg
new file mode 100644
index 0000000..fd2a88e
--- /dev/null
+++ b/svg/static/link.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <path d="M57.4358 30.6757L57.3085 139.5C57.3065 141.145 58.622 142.494 60.2653 142.579C67.1894 142.936 84.7041 144.456 95.9356 150.842C104.365 155.635 105.12 161 113.991 157.086C122.863 153.173 118.953 149.2 121.097 139.744C123.949 127.16 134.328 113.346 138.623 108.029C139.651 106.757 139.535 104.89 138.326 103.789L57.8541 30.4912C57.6937 30.3451 57.436 30.4587 57.4358 30.6757Z" fill="white"/>
+    <path d="M53.4358 30.671V30.6711L53.3085 139.495C53.304 143.333 56.3505 146.382 60.0592 146.573C63.4196 146.747 69.3431 147.203 75.7616 148.383C82.2406 149.575 88.9155 151.452 93.9584 154.319C95.8017 155.367 97.2421 156.454 98.5665 157.514C98.7898 157.692 99.0213 157.88 99.2593 158.073C100.321 158.935 101.513 159.903 102.697 160.633C104.31 161.629 106.193 162.39 108.537 162.435C110.782 162.477 113.094 161.854 115.606 160.746C118.108 159.642 120.128 158.359 121.584 156.654C123.116 154.86 123.746 152.931 124.023 151.087C124.209 149.844 124.252 148.409 124.29 147.143C124.301 146.763 124.312 146.399 124.326 146.059C124.394 144.421 124.536 142.665 124.998 140.628C126.283 134.959 129.332 128.794 132.729 123.252C136.096 117.758 139.651 113.122 141.735 110.543C144.052 107.674 143.841 103.402 141.019 100.832L60.5476 27.534L60.5476 27.534C57.8202 25.0498 53.4401 26.9819 53.4358 30.671Z" stroke="white" stroke-width="8"/>
+  </g>
+  <path d="M57.4365 30.1108L57.3074 140.49C57.3061 141.587 58.1752 142.485 59.2712 142.532C65.3462 142.791 84.1186 144.123 95.9357 150.842C104.365 155.635 105.12 161 113.991 157.086C122.863 153.173 118.953 149.2 121.097 139.744C124.099 126.499 135.438 111.893 139.247 107.264C139.94 106.422 139.858 105.184 139.052 104.45L57.4365 30.1108Z" fill="#4D4D4D"/>
+  <g filter="url(#filter1_d)">
+    <rect x="77" y="28" width="96" height="96" rx="30" fill="#18C087"/>
+  </g>
+  <path d="M105.996 104C105.996 104 105.996 97.4118 105.996 90.8235C105.996 84.2353 112.53 84.2353 112.53 84.2353H125.597V100.706L155 74.3529L125.597 48V64.4706C125.597 64.4706 125.597 64.4706 112.53 64.4706C99.4618 64.4706 86.394 90.8235 105.996 104Z" fill="white"/>
+  <defs>
+    <filter id="filter0_d" x="45.3085" y="22.4099" width="106.011" height="154.027" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+    <filter id="filter1_d" x="73" y="28" width="104" height="106" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/svg/static/move.svg b/svg/static/move.svg
new file mode 100644
index 0000000..931f391
--- /dev/null
+++ b/svg/static/move.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <path d="M125.979 39.035C120.977 39.3437 117.034 41.9247 114.027 45.4364C108.675 40.0986 102.957 40.7557 101.19 40.8009C94.553 41.2028 90.1675 45.6713 87.4673 51.1757C84.4262 49.3368 81.1278 47.806 77.2861 48.0853C77.2125 48.0842 77.1388 48.0842 77.0651 48.0853C66.7665 49.0088 59.7215 58.2447 61.3507 68.3934V68.6137L63.1214 80.3129C62.9712 80.3836 62.8239 80.4548 62.6787 80.5333C59.2816 83.085 54.144 86.5159 50.2843 92.2325C46.4246 97.949 44.4927 106.388 47.407 115.631C50.5888 125.723 56.5627 136.237 63.3427 144.548C66.7327 148.703 70.3847 152.132 74.1878 154.923C77.991 157.713 81.9609 160.032 87.0249 160L149.661 159.779C153.226 159.786 156.52 156.706 156.743 153.157C156.743 153.157 170.258 130.189 166.261 73.2493V73.029C164.922 57.7287 159.796 50.4458 147.89 51.1757C147.813 51.1804 147.746 51.17 147.669 51.1757C145.891 51.2979 144.615 52.5659 143.021 53.1623C141.104 45.0118 134.878 38.4616 125.979 39.035H125.979Z" fill="white"/>
+  </g>
+  <path d="M101.329 47.894C95.7977 48.2313 91.0753 53.6088 91.4312 59.1656L92.1133 69.0153C92.2865 71.5191 89.9636 72.0426 89.6938 70.1204L88.8387 64.0278C88.0824 58.7784 82.8857 54.5807 77.6209 54.9664C71.8281 55.4897 67.1706 61.5845 68.1627 67.343L71.8773 90.6745C71.9125 91.5724 71.6577 96.1998 71.6577 96.1998L66.8186 86.2542C59.75 91.6036 49.4685 98.4443 54.2044 113.578C59.8094 131.488 76.5711 153.066 86.8347 153L149.082 152.779C161.127 125.96 158.878 100.91 158.76 83.1605L158.682 71.4326C158.64 64.7124 154.354 57.6746 147.684 58.1719C143.172 58.4314 139.035 61.9277 138.006 66.3493L136.764 72.9939C136.394 74.9753 135.738 74.1602 135.885 72.5519L137.28 57.2904C137.666 51.2914 132.032 45.6313 126.062 46.0188C120.901 46.3399 116.37 50.994 116.164 56.1854L114.989 66.8056C114.714 69.2865 113.159 69.3477 113.009 66.585L112.547 58.0614C112.324 52.4277 106.93 47.5386 101.33 47.8948L101.329 47.894Z" fill="#4D4D4D"/>
+  <defs>
+    <filter id="filter0_d" x="42" y="39" width="129" height="131" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/svg/static/pencil.svg b/svg/static/pencil.svg
new file mode 100644
index 0000000..b1b8a00
--- /dev/null
+++ b/svg/static/pencil.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <path d="M144.599 25.0769C142.815 25.2699 141.149 26.0598 139.87 27.3186L39.5577 127.947C38.7327 128.876 38.136 129.985 37.8153 131.185L29.3523 156.592C28.9265 157.976 28.8859 159.451 29.2349 160.857C29.5839 162.264 30.3094 163.548 31.3332 164.573C32.3571 165.597 33.6406 166.323 35.0458 166.672C36.4511 167.022 37.9249 166.981 39.3088 166.555L64.698 158.086C65.8976 157.765 67.0058 157.168 67.9338 156.342L168.246 55.7138C169.014 54.9705 169.624 54.0807 170.041 53.0965C170.458 52.1123 170.673 51.0539 170.673 49.985C170.673 48.916 170.458 47.8581 170.041 46.8739C169.624 45.8897 169.014 44.9994 168.246 44.2561L151.32 27.3186C150.448 26.4515 149.388 25.7981 148.222 25.4092C147.056 25.0203 145.816 24.9065 144.599 25.0769V25.0769Z" fill="white"/>
+  </g>
+  <path d="M145.595 33.0476L45.2827 133.676L36.8197 159.082L62.2088 150.614L162.521 49.9851L145.595 33.0476ZM145.843 44.5053L151.319 49.9851L140.865 60.4465L135.389 54.9667L145.843 44.5053Z" fill="#4D4D4D"/>
+  <defs>
+    <filter id="filter0_d" x="25" y="25" width="149.673" height="151.907" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/svg/static/wayland-cursor.svg b/svg/static/wayland-cursor.svg
new file mode 100644
index 0000000..1f08c5e
--- /dev/null
+++ b/svg/static/wayland-cursor.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <path d="M173 100C173 119.361 165.309 137.929 151.619 151.619C137.929 165.309 119.361 173 100 173C80.6392 173 62.0714 165.309 48.3812 151.619C34.691 137.929 27 119.361 27 100C27 80.6392 34.691 62.0714 48.3812 48.3812C62.0714 34.691 80.6392 27 100 27C119.361 27 137.929 34.691 151.619 48.3812C165.309 62.0714 173 80.6392 173 100V100Z" fill="white"/>
+  </g>
+  <path d="M166 100.5C166 118.137 159.046 135.051 146.669 147.523C134.292 159.994 117.504 167 100 167C82.4957 167 65.7084 159.994 53.3309 147.523C40.9535 135.051 34 118.137 34 100.5C34 82.8631 40.9535 65.9486 53.3309 53.4774C65.7084 41.0062 82.4957 34 100 34C117.504 34 134.292 41.0062 146.669 53.4774C159.046 65.9486 166 82.8631 166 100.5V100.5Z" fill="#F67400"/>
+  <path d="M126.441 38C125.383 38 124.565 38.817 124.565 39.8742C124.565 40.9313 125.383 41.7483 126.441 41.7483C127.5 41.7483 128.317 40.9313 128.317 39.8742C128.317 38.817 127.5 38 126.441 38ZM152.29 38.2078C149.637 37.6188 143.413 40.3826 143.118 43.622C142.823 46.8615 142.004 56.539 140.825 60.0729L132.903 83.8122H121.23L131.444 85.8946C131.444 85.8946 127.484 97.0742 127.484 99.4301C127.484 101.786 123.746 114.632 122.272 114.632C120.798 114.632 110.318 94.2537 109.139 91.3088C107.96 88.3638 103.677 73.6948 99.5501 73.4002C95.4229 73.1057 93.2248 78.3684 92.0456 81.3133C90.8664 84.2583 83.061 105.347 80.9974 105.053C78.9337 104.758 74.1183 85.9242 74.1183 82.9792C74.1183 80.0343 73.2844 72.359 73.2844 72.359L76.8282 66.7366L70.9914 67.3609L69.9491 61.7384L72.4506 60.2808L69.5322 59.2396C69.5322 59.2396 66.298 51.8946 64.5292 49.2441C62.7604 46.5936 59.9431 43.6216 59.9431 43.6216C59.9431 43.6216 68.0075 45.8766 70.366 45.2876C72.7244 44.6985 78.3441 43.2409 80.9974 43.8299C83.6506 44.4189 89.8093 44.1244 92.4626 43.8299C95.1158 43.5353 98.2994 42.164 98.2994 42.164C98.2994 42.164 96.1877 38.2431 90.5864 38.8321C84.9852 39.4212 84.5708 41.1228 81.6227 41.1228C78.6747 41.1228 74.1121 38.6239 70.5745 38.6239C67.0368 38.6239 61.2235 40.3613 58.2754 41.5392C55.3274 42.7172 52.1141 47.9661 55.357 71.5257C58.5998 95.0852 52.0993 95.4767 56.8162 107.551C61.5331 119.625 61.2864 134.822 64.5292 139.828C67.7721 144.835 77.0934 151.281 79.7466 151.281C82.3999 151.281 85.2738 143.293 87.0427 130.041C88.8114 116.789 92.7932 117.555 93.0879 112.549C93.3828 107.542 97.3644 93.3045 99.1332 93.599C100.902 93.8935 101.864 102.667 103.928 107.967C105.991 113.268 104.178 119.246 108.305 128.375C112.433 137.504 114.473 140.703 114.768 144.826C115.062 148.949 118.037 154.283 120.396 153.988C122.754 153.694 130.387 140.224 131.861 138.162C133.335 136.101 136.03 133.581 136.03 133.581L134.571 131.082L139.991 128.167L137.49 126.501L140.825 124.002L137.906 122.752L143.535 114.631L138.949 112.757C138.949 112.757 141.989 111.222 142.284 106.51C142.579 101.798 142.061 96.3506 143.535 91.9331C145.009 87.5157 148.955 76.6245 148.955 74.8575C148.955 73.0906 155 58.6148 155 58.6148L151.039 60.9055C151.039 60.9055 154.943 38.7964 152.29 38.2074V38.2078ZM102.677 38.6243C101.7 38.6243 101.009 39.3143 101.009 40.2902C101.009 41.2661 101.7 42.1644 102.677 42.1644C103.654 42.1644 104.553 41.2661 104.553 40.2902C104.553 39.3143 103.654 38.6243 102.677 38.6243ZM117.269 42.5809C116.129 42.5809 115.184 43.5248 115.184 44.6632C115.184 45.8017 116.129 46.7456 117.269 46.7456C118.409 46.7456 119.354 45.8017 119.354 44.6632C119.354 43.5248 118.409 42.5809 117.269 42.5809ZM109.556 48.6198C109.556 48.6198 106.286 52.1093 103.928 52.9928C101.569 53.8763 100.327 53.8467 97.674 55.9081C95.0208 57.9696 95.5981 55.8548 90.5864 56.7411C85.5748 57.6246 84.7496 61.5306 84.7496 61.5306C85.9289 61.5306 88.0196 62.3278 90.378 61.7384C92.7365 61.1494 93.8206 59.6708 95.5894 58.1984C97.3582 56.7259 101.849 55.5923 105.387 53.8254C108.925 52.0584 109.556 48.6194 109.556 48.6194V48.6198ZM111.849 59.6565C110.465 59.6565 109.139 60.7728 109.139 62.1553C109.139 63.5378 110.465 64.6542 111.849 64.6542C113.233 64.6542 114.351 63.5378 114.351 62.1553C114.351 60.7728 113.233 59.6565 111.849 59.6565ZM128.317 60.9059C127.503 60.9059 126.858 61.5503 126.858 62.3636C126.858 63.1768 127.503 63.8212 128.317 63.8212C129.131 63.8212 129.777 63.1769 129.777 62.3636C129.777 61.5503 129.132 60.9059 128.317 60.9059ZM121.021 67.986C119.719 67.986 118.728 68.9755 118.728 70.2766C118.728 71.5778 119.719 72.7755 121.021 72.7755C122.324 72.7755 123.314 71.5778 123.314 70.2766C123.314 68.9755 122.324 67.986 121.021 67.986ZM147.912 111.3C146.936 111.3 146.036 111.99 146.036 112.966C146.036 113.942 146.936 114.84 147.912 114.84C148.889 114.84 149.58 113.942 149.58 112.966C149.58 111.99 148.889 111.3 147.912 111.3Z" fill="white"/>
+  <defs>
+    <filter id="filter0_d" x="23" y="27" width="154" height="156" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/svg/static/zoom-in.svg b/svg/static/zoom-in.svg
new file mode 100644
index 0000000..e70f0aa
--- /dev/null
+++ b/svg/static/zoom-in.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <path d="M86.2988 29C58.599 29 36 51.6482 36 79.4084C36 107.169 58.599 129.817 86.2988 129.817C94.7687 129.817 102.421 127.219 109.352 123.516L111.239 125.406C110.592 126.033 110.078 126.784 109.727 127.613C109.376 128.443 109.195 129.335 109.195 130.237C109.195 131.138 109.376 132.03 109.727 132.86C110.078 133.69 110.592 134.441 111.239 135.068L138.065 161.952C138.69 162.6 139.439 163.115 140.267 163.467C141.095 163.819 141.986 164 142.885 164C143.784 164 144.675 163.819 145.503 163.467C146.331 163.115 147.08 162.6 147.705 161.952L161.957 147.67C162.603 147.043 163.117 146.292 163.468 145.462C163.819 144.632 164 143.74 164 142.839C164 141.938 163.819 141.045 163.468 140.216C163.117 139.386 162.603 138.635 161.957 138.008L135.131 111.124C133.875 109.88 132.181 109.182 130.415 109.182C128.649 109.182 126.955 109.88 125.7 111.124L124.861 110.284C131.76 101.699 136.598 91.3129 136.598 79.4084C136.598 51.6482 113.999 29 86.2988 29Z" fill="white"/>
+  </g>
+  <path d="M86.4286 36C62.4436 36 43 55.495 43 79.5433C43 103.592 62.4436 123.087 86.4286 123.087C95.5279 123.087 103.879 120.137 110.857 115.341L120.879 125.389L116.077 130.204L142.802 157L157 142.765L130.275 115.969L125.473 120.574L116.077 111.154C124.501 103.212 129.857 92.0519 129.857 79.5433C129.857 55.495 110.414 36 86.4286 36Z" fill="#4D4D4D"/>
+  <path d="M81.8957 52V75.9118H58V83.8824H81.8957V107.794H89.8609V83.8824H113.757V75.9118H89.8609V52H81.8957Z" fill="white"/>
+  <defs>
+    <filter id="filter0_d" x="32" y="29" width="136" height="145" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>
diff --git a/svg/static/zoom-out.svg b/svg/static/zoom-out.svg
new file mode 100644
index 0000000..2c5ed7e
--- /dev/null
+++ b/svg/static/zoom-out.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200" fill="none">
+  <g filter="url(#filter0_d)">
+    <path d="M86.2988 29C58.599 29 36 51.6482 36 79.4084C36 107.169 58.599 129.817 86.2988 129.817C94.7687 129.817 102.421 127.219 109.352 123.516L111.239 125.406C110.592 126.033 110.078 126.784 109.727 127.613C109.376 128.443 109.195 129.335 109.195 130.237C109.195 131.138 109.376 132.03 109.727 132.86C110.078 133.69 110.592 134.441 111.239 135.068L138.065 161.952C138.69 162.6 139.439 163.115 140.267 163.467C141.095 163.819 141.986 164 142.885 164C143.784 164 144.675 163.819 145.503 163.467C146.331 163.115 147.08 162.6 147.705 161.952L161.957 147.67C162.603 147.043 163.117 146.292 163.468 145.462C163.819 144.632 164 143.74 164 142.839C164 141.938 163.819 141.045 163.468 140.216C163.117 139.386 162.603 138.635 161.957 138.008L135.131 111.124C133.875 109.88 132.181 109.182 130.415 109.182C128.649 109.182 126.955 109.88 125.7 111.124L124.861 110.284C131.76 101.699 136.598 91.3129 136.598 79.4084C136.598 51.6482 113.999 29 86.2988 29Z" fill="white"/>
+  </g>
+  <path d="M86.4286 36C62.4436 36 43 55.495 43 79.5433C43 103.592 62.4436 123.087 86.4286 123.087C95.5279 123.087 103.879 120.137 110.857 115.341L120.879 125.389L116.077 130.204L142.802 157L157 142.765L130.275 115.969L125.473 120.574L116.077 111.154C124.501 103.212 129.857 92.0519 129.857 79.5433C129.857 55.495 110.414 36 86.4286 36Z" fill="#4D4D4D"/>
+  <path d="M113 76H60V84H113V76Z" fill="white"/>
+  <defs>
+    <filter id="filter0_d" x="32" y="29" width="136" height="145" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+      <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+      <feOffset dy="6"/>
+      <feGaussianBlur stdDeviation="2"/>
+      <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+      <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+      <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+    </filter>
+  </defs>
+</svg>