diff --git a/src/icons/arrow-down.svg b/src/icons/arrow-down.svg
new file mode 100644
index 0000000..446d6bc
--- /dev/null
+++ b/src/icons/arrow-down.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 8.4666665 8.4666665"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   sodipodi:docname="arrow-down.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="9.3987958"
+     inkscape:cx="35.376872"
+     inkscape:cy="13.033585"
+     inkscape:window-width="1920"
+     inkscape:window-height="1048"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="font-weight:bold;font-size:9.06352px;line-height:1.2;font-family:'Adwaita Sans';-inkscape-font-specification:'Adwaita Sans';font-variant-numeric:oldstyle-nums tabular-nums;text-align:end;white-space:pre;stroke-width:4.62721;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50.8993;paint-order:stroke fill markers"
+       d="m 0.21861954,4.3606967 0.89708076,-0.9026185 1.48406,1.4785222 q 0.1827385,0.1882762 0.3710148,0.3876276 0.1938137,0.2048887 0.38209,0.4153151 0.1938137,0.2104264 0.38209,0.4153153 0.1882762,0.2048888 0.3654773,0.3987026 L 3.6463545,6.6643119 Q 3.6297415,6.4206602 3.6131295,6.1437835 3.6020565,5.8669067 3.5909795,5.5734172 3.5799065,5.2799277 3.5799065,5.0030509 V 0.09125633 h 1.306856 V 5.0030508 q 0,0.2768768 -0.011073,0.5703663 -0.011073,0.2934894 -0.027688,0.5703663 -0.011073,0.2768767 -0.027688,0.5205283 L 4.3551591,6.553561 Q 4.5988108,6.2932967 4.8479998,6.0164201 5.1027264,5.7395431 5.3574532,5.4626664 5.6121799,5.1913271 5.861369,4.9366004 L 7.3454286,3.4525408 8.2480471,4.3606967 4.2333334,8.3754103 Z"
+       id="text1"
+       aria-label="→" />
+  </g>
+</svg>
diff --git a/src/icons/arrow-left.svg b/src/icons/arrow-left.svg
new file mode 100644
index 0000000..0a7fb2e
--- /dev/null
+++ b/src/icons/arrow-left.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 8.4666665 8.4666665"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   sodipodi:docname="arrow-left.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="9.3987958"
+     inkscape:cx="35.376872"
+     inkscape:cy="13.033585"
+     inkscape:window-width="1920"
+     inkscape:window-height="1048"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="font-weight:bold;font-size:9.06352px;line-height:1.2;font-family:'Adwaita Sans';-inkscape-font-specification:'Adwaita Sans';font-variant-numeric:oldstyle-nums tabular-nums;text-align:end;white-space:pre;stroke-width:4.62721;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50.8993;paint-order:stroke fill markers"
+       d="M 4.1059699,8.2480471 5.0085884,7.3509663 3.5300662,5.8669063 Q 3.34179,5.6841678 3.1424386,5.4958915 2.9375499,5.3020778 2.7271235,5.1138015 2.5166971,4.9199878 2.3118082,4.7317115 2.1069194,4.5434353 1.9131056,4.3662342 L 1.8023547,4.8203121 q 0.2436517,0.016613 0.5205284,0.033225 0.2768768,0.011073 0.5703663,0.02215 0.2934895,0.011073 0.5703663,0.011073 H 8.3754103 V 3.5799041 H 3.4636158 q -0.2768768,0 -0.5703663,0.011073 -0.2934894,0.011073 -0.5703663,0.027688 -0.2768767,0.011073 -0.5205283,0.027688 L 1.9131056,4.1115075 Q 2.1733699,3.8678558 2.4502465,3.6186668 2.7271235,3.3639402 3.0040002,3.1092134 3.2753395,2.8544867 3.5300662,2.6052976 L 5.0141258,1.121238 4.1059699,0.21861953 0.09125632,4.2333332 Z"
+       id="text1"
+       aria-label="→" />
+  </g>
+</svg>
diff --git a/src/icons/arrow-right.svg b/src/icons/arrow-right.svg
new file mode 100644
index 0000000..4d4928d
--- /dev/null
+++ b/src/icons/arrow-right.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 8.4666665 8.4666665"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   sodipodi:docname="arrow-right.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="9.3987958"
+     inkscape:cx="35.376872"
+     inkscape:cy="13.033585"
+     inkscape:window-width="1920"
+     inkscape:window-height="1048"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="font-weight:bold;font-size:9.06352px;line-height:1.2;font-family:'Adwaita Sans';-inkscape-font-specification:'Adwaita Sans';font-variant-numeric:oldstyle-nums tabular-nums;text-align:end;white-space:pre;stroke-width:4.62721;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50.8993;paint-order:stroke fill markers"
+       d="M 4.3606967,8.2480471 3.4580782,7.3509663 4.9366004,5.8669063 Q 5.1248766,5.6841678 5.324228,5.4958915 5.5291167,5.3020778 5.7395431,5.1138015 5.9499695,4.9199878 6.1548584,4.7317115 6.3597472,4.5434353 6.553561,4.3662342 l 0.1107509,0.4540779 q -0.2436517,0.016613 -0.5205284,0.033225 -0.2768768,0.011073 -0.5703663,0.02215 -0.2934895,0.011073 -0.5703663,0.011073 H 0.09125632 V 3.5799041 H 5.0030508 q 0.2768768,0 0.5703663,0.011073 0.2934894,0.011073 0.5703663,0.027688 0.2768767,0.011073 0.5205283,0.027688 L 6.553561,4.1115075 Q 6.2932967,3.8678558 6.0164201,3.6186668 5.7395431,3.3639402 5.4626664,3.1092134 5.1913271,2.8544867 4.9366004,2.6052976 L 3.4525408,1.121238 4.3606967,0.21861953 8.3754103,4.2333332 Z"
+       id="text1"
+       aria-label="→" />
+  </g>
+</svg>
diff --git a/src/icons/arrow-up.svg b/src/icons/arrow-up.svg
new file mode 100644
index 0000000..c9ce70a
--- /dev/null
+++ b/src/icons/arrow-up.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 8.4666665 8.4666665"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   sodipodi:docname="arrow-up.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="9.3987958"
+     inkscape:cx="35.376872"
+     inkscape:cy="13.033585"
+     inkscape:window-width="1920"
+     inkscape:window-height="1048"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="font-weight:bold;font-size:9.06352px;line-height:1.2;font-family:'Adwaita Sans';-inkscape-font-specification:'Adwaita Sans';font-variant-numeric:oldstyle-nums tabular-nums;text-align:end;white-space:pre;stroke-width:4.62721;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50.8993;paint-order:stroke fill markers"
+       d="M 0.21861954,4.1059699 1.1157003,5.0085884 2.5997603,3.5300662 Q 2.7824988,3.34179 2.9707751,3.1424386 3.1645888,2.9375499 3.3528651,2.7271235 3.5466788,2.5166971 3.7349551,2.3118082 3.9232313,2.1069194 4.1004324,1.9131056 L 3.6463545,1.8023547 q -0.016613,0.2436517 -0.033225,0.5205284 -0.011073,0.2768768 -0.02215,0.5703663 -0.011073,0.2934895 -0.011073,0.5703663 v 4.9117946 h 1.306856 V 3.4636158 q 0,-0.2768768 -0.011073,-0.5703663 Q 4.8646165,2.5997601 4.8480015,2.3228832 4.8369285,2.0460065 4.8203135,1.8023549 L 4.3551591,1.9131056 q 0.2436517,0.2602643 0.4928407,0.5371409 0.2547266,0.276877 0.5094534,0.5537537 0.2547267,0.2713393 0.5039158,0.526066 L 7.3454286,5.0141258 8.2480471,4.1059699 4.2333334,0.09125633 Z"
+       id="text1"
+       aria-label="→" />
+  </g>
+</svg>