diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index ae7bbdb..0000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/icons/favicon-128x128.png b/public/icons/favicon-128x128.png
deleted file mode 100644
index 1401176..0000000
Binary files a/public/icons/favicon-128x128.png and /dev/null differ
diff --git a/public/icons/favicon-16x16.png b/public/icons/favicon-16x16.png
deleted file mode 100644
index 679063a..0000000
Binary files a/public/icons/favicon-16x16.png and /dev/null differ
diff --git a/public/icons/favicon-32x32.png b/public/icons/favicon-32x32.png
deleted file mode 100644
index fd1fbc6..0000000
Binary files a/public/icons/favicon-32x32.png and /dev/null differ
diff --git a/public/icons/favicon-96x96.png b/public/icons/favicon-96x96.png
deleted file mode 100644
index e93b80a..0000000
Binary files a/public/icons/favicon-96x96.png and /dev/null differ
diff --git a/public/img/add.svg b/public/img/add.svg
new file mode 100644
index 0000000..f261b28
--- /dev/null
+++ b/public/img/add.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1610615699728" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2103" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512.034996 0.129983c35.345513 0 63.991876 28.646363 63.991876 63.991877v383.951256h383.951256c35.345513 0 63.991876 28.646363 63.991876 63.991876s-28.646363 63.991876-63.991876 63.991876h-383.951256v383.951256c0 35.345513-28.646363 63.991876-63.991876 63.991876s-63.991876-28.646363-63.991876-63.991876v-383.951256h-383.951257c-35.345513 0-63.991876-28.646363-63.991876-63.991876s28.646363-63.991876 63.991876-63.991876h383.951257v-383.951256c0-35.345513 28.646363-63.991876 63.991876-63.991877z" p-id="2104" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/public/img/clear.svg b/public/img/clear.svg
new file mode 100644
index 0000000..8ab4e04
--- /dev/null
+++ b/public/img/clear.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1610623487804" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13065" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M382.836364 309.341091l323.351272 323.258182a7.261091 7.261091 0 0 1 1.210182 8.936727c-17.501091 27.927273-105.658182 175.941818-129.256727 371.618909a2.327273 2.327273 0 0 1-3.351273 1.722182L464.989091 948.689455c-0.930909-0.651636-1.396364-1.861818-0.837818-2.932364 10.286545-21.643636 109.102545-228.584727 99.002182-218.484364-10.658909 10.705455-79.034182 83.269818-130.234182 157.509818l-29.463273 40.541091-1.675636-1.163636c-14.429091-9.774545-116.363636-80.011636-149.504-124.928-0.558545-0.744727-0.651636-1.396364 0-2.048 23.505455-28.485818 145.687273-187.298909 145.687272-187.298909L190.184727 734.487273c-0.977455 0.558545-2.094545 0.465455-2.839272-0.418909-10.100364-11.170909-79.453091-87.831273-99.467637-123.810909-0.465455-0.744727-0.465455-1.396364 0.325818-2.048 19.781818-16.011636 131.630545-110.778182 131.630546-110.778182L62.370909 553.146182a2.420364 2.420364 0 0 1-2.792727-1.070546L1.303273 442.647273c-0.744727-1.303273-0.232727-2.932364 1.303272-3.258182 27.741091-5.538909 259.025455-53.527273 371.293091-131.072a6.842182 6.842182 0 0 1 8.936728 0.977454z m337.92 492.497454a80.849455 80.849455 0 1 1 0 161.745455 80.849455 80.849455 0 0 1 0-161.745455z m143.266909-48.593454a44.032 44.032 0 1 1 0 88.064 44.032 44.032 0 0 1 0-88.064z m28.672-730.298182a75.543273 75.543273 0 0 1 106.589091 106.961455h0.046545l-204.567273 204.101818c-0.325818 2.839273-0.651636 4.654545-0.837818 7.493818 45.521455 78.708364 45.335273 169.797818-21.550545 240.034909a5.445818 5.445818 0 0 1-7.586909 0.093091L440.413091 257.303273a5.445818 5.445818 0 0 1 0.139636-7.633455c70.097455-66.932364 161.28-67.165091 239.988364-21.504l7.400727-0.884363zM313.390545 104.680727a64.558545 64.558545 0 1 1 0 129.117091 64.558545 64.558545 0 0 1 0-129.117091z" p-id="13066" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/public/img/darwin.svg b/public/img/darwin.svg
new file mode 100644
index 0000000..c55a9c0
--- /dev/null
+++ b/public/img/darwin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#42A5F5" d="M40.084,32.613c-0.848,1.835-1.254,2.655-2.342,4.274c-1.521,2.264-3.67,5.089-6.326,5.109c-2.361,0.018-2.971-1.507-6.176-1.482c-3.204,0.016-3.872,1.51-6.237,1.484c-2.654-0.022-4.688-2.568-6.21-4.826c-4.259-6.34-4.707-13.768-2.076-17.721c1.861-2.803,4.807-4.449,7.572-4.449c2.817,0,4.588,1.514,6.916,1.514c2.262,0,3.638-1.517,6.896-1.517c2.464,0,5.07,1.313,6.931,3.575C32.942,21.836,33.931,30.337,40.084,32.613z"/><path fill="#42A5F5" d="M30.046,12.072c1.269-1.577,2.232-3.804,1.882-6.072c-2.069,0.138-4.491,1.418-5.905,3.075c-1.282,1.51-2.345,3.752-1.931,5.922C26.351,15.066,28.689,13.764,30.046,12.072z"/><path fill="#1E88E5" d="M36.736,20.421C28,30.001,20,21.001,9.228,27.842c0.375,3.027,1.53,6.303,3.565,9.331c1.521,2.258,3.556,4.804,6.21,4.826c2.365,0.025,3.033-1.469,6.237-1.484c3.205-0.024,3.814,1.5,6.176,1.482c2.656-0.021,4.805-2.846,6.326-5.109c1.088-1.619,1.494-2.439,2.342-4.274C34.878,30.688,33.389,24.314,36.736,20.421z"/></svg>
\ No newline at end of file
diff --git a/public/img/del.svg b/public/img/del.svg
new file mode 100644
index 0000000..e104c13
--- /dev/null
+++ b/public/img/del.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#ff3d00" d="M34,11l-6-6h-8l-6,6h-3v28c0,2.2,1.8,4,4,4h18c2.2,0,4-1.8,4-4V11H34z"/><path fill="#ff6e40" d="M11,7h26c1.1,0,2,0.9,2,2v2H9V9C9,7.9,9.9,7,11,7z"/><path fill="#fafafa" d="M15.515 25H32.486000000000004V29H15.515z" transform="rotate(-45.001 24 27)"/><path fill="#fafafa" d="M22 18.515H26V35.486000000000004H22z" transform="rotate(-45.001 24 27)"/></svg>
\ No newline at end of file
diff --git a/public/img/disable.svg b/public/img/disable.svg
new file mode 100644
index 0000000..11879e3
--- /dev/null
+++ b/public/img/disable.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1610623449188" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12249" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 0a512 512 0 1 0 512 512 512.576 512.576 0 0 0-512-512z m0 128a380.928 380.928 0 0 1 221.888 71.68L199.68 733.824A382.784 382.784 0 0 1 512 128z m0 768a380.928 380.928 0 0 1-221.888-71.68l534.272-534.08A382.784 382.784 0 0 1 512 896z" p-id="12250" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/public/img/edit.svg b/public/img/edit.svg
new file mode 100644
index 0000000..2ac2aeb
--- /dev/null
+++ b/public/img/edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#47b547" d="M8.3 14.2H43.7V29.799999999999997H8.3z" transform="rotate(-45.001 26 22)"/><path fill="#60c75f" d="M8 29L4 44 19 40z"/><path fill="#455A64" d="M6 36.6L4 44 11.4 42z"/></svg>
\ No newline at end of file
diff --git a/public/img/enable.svg b/public/img/enable.svg
new file mode 100644
index 0000000..0894d48
--- /dev/null
+++ b/public/img/enable.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1610623420368" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11451" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M431.46752 987.08992a44.21632 44.21632 0 0 1-30.592-12.28288l-235.4944-225.536a44.23168 44.23168 0 0 1 61.17888-63.88224l201.05728 192.55296 364.69248-443.17184a44.22656 44.22656 0 0 1 68.3008 56.20224l-394.98752 479.99488a44.25728 44.25728 0 0 1-34.15552 16.12288z" p-id="11452" fill="#ffffff"></path><path d="M426.34752 600.46848a44.22144 44.22144 0 0 1-30.592-12.288L160.26624 362.6496a44.22656 44.22656 0 0 1 61.17888-63.87712L422.5024 491.32032l364.69248-443.17184a44.22656 44.22656 0 0 1 68.3008 56.20224l-394.98752 480a44.23168 44.23168 0 0 1-34.16064 16.11776z" p-id="11453" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/public/img/expand.svg b/public/img/expand.svg
new file mode 100644
index 0000000..c3d4539
--- /dev/null
+++ b/public/img/expand.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#616161" d="M29.2,32l2.8-2.8l12,12L41.2,44L29.2,32z"/><path fill="#616161" d="M36,20c0,8.8-7.2,16-16,16S4,28.8,4,20S11.2,4,20,4S36,11.2,36,20"/><path fill="#37474F" d="M32.5,35.3l2.8-2.8l8.7,8.7L41.2,44L32.5,35.3z"/><path fill="#64B5F6" d="M7,20c0-7.2,5.8-13,13-13s13,5.8,13,13s-5.8,13-13,13S7,27.2,7,20"/><path fill="#E3F2FD" d="M23.9,14.1l2,2L16,26l-2-2L23.9,14.1z"/><path fill="#E3F2FD" d="M16.1,14.1L26,24l-2,2l-9.9-9.9L16.1,14.1z"/><path fill="#E3F2FD" d="M12 19L12 12 19 12M19 28L12 28 12 21M28 21L28 28 21 28M21 12L28 12 28 19"/></svg>
\ No newline at end of file
diff --git a/public/img/export.svg b/public/img/export.svg
new file mode 100644
index 0000000..6b22bed
--- /dev/null
+++ b/public/img/export.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 48 48"><path fill="#1565C0" d="M24 37.1L13 24 35 24zM20 4H28V8H20zM20 10H28V14H20z"/><path fill="#1565C0" d="M20 16H28V27H20zM6 40H42V44H6z"/></svg>
\ No newline at end of file
diff --git a/public/img/exportAll.svg b/public/img/exportAll.svg
new file mode 100644
index 0000000..d3c20e0
--- /dev/null
+++ b/public/img/exportAll.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1610615595593" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1540" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M863.43 275.83c-1.99 0.12-1.99 0.12-3.98 0.12-15.56 0.58-57.08 2.2-59.19 2.2-199.9 6.48-361.55 163.55-368.45 359.94-1.05 29.49-26.32 52.51-56.38 51.47-30.18-1.04-53.69-25.79-52.64-55.17 8.89-252.61 216.74-454.55 473.83-462.88 1.05 0 16.49-0.58 32.17-1.16l-84.8-20.93c-28.89-7.17-46.55-36.09-39.3-64.66 7.25-28.57 36.49-45.92 65.38-38.86l213.14 52.5c28.89 7.17 46.44 36.09 39.3 64.66L970.34 370.1c-7.25 28.57-36.49 45.92-65.38 38.86l-1.29-0.35c-28.89-7.17-46.44-36.09-39.3-64.66l17.31-68.82c-5.73 0.24-11.81 0.47-18.25 0.7z m9.95 364.3c0-29.49 24.45-53.32 54.62-53.32 30.18 0 54.62 23.83 54.62 53.32v245.36c0 58.87-48.89 106.64-109.13 106.64H109.23C48.99 992.13 0.1 944.36 0.1 885.49V138.77C0.1 79.9 48.99 32.13 109.23 32.13h318.01c30.18 0 54.62 23.83 54.62 53.32 0 29.49-24.45 53.32-54.62 53.32H109.23v746.72h764.15V640.13z" p-id="1541" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/public/img/file.svg b/public/img/file.svg
new file mode 100644
index 0000000..97f938f
--- /dev/null
+++ b/public/img/file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 48 48"><path fill="#90CAF9" d="M40 45L8 45 8 3 30 3 40 13z"/><path fill="#E1F5FE" d="M38.5 14L29 14 29 4.5z"/><path fill="#1976D2" d="M16 21H33V23H16zM16 25H29V27H16zM16 29H33V31H16zM16 33H29V35H16z"/></svg>
\ No newline at end of file
diff --git a/public/img/help.svg b/public/img/help.svg
new file mode 100644
index 0000000..83dbc22
--- /dev/null
+++ b/public/img/help.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1610623202814" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1107" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M690.2 154.2C635.2 112.4 573.2 98 494.6 98c-59.6 0-110.6 12.2-151 39.4C284 178 256 246.2 256 354l153.6 0c0-28.8-2.8-59.8 14-86.4 16.8-26.6 40.2-47 80.4-47 40.8 0 61.8 11.8 81.6 36.2 16.8 20.8 23.2 45.6 23.2 72 0 22.8-11.6 43.8-25.4 62.8-7.6 11.2-17.6 21.2-30.2 30.8 0 0-83 49.4-112.2 96.2-21.8 34.8-29.6 78.4-31.4 130.6-0.2 3.8 1.2 11.6 14.4 11.6 13 0 112 0 123.6 0 11.6 0 14-8.8 14.2-12.4 0.8-19 3.2-48.2 6.6-59.2 6.6-20.8 19.4-39 39.4-54.6l41.4-28.6c37.4-29.2 67.2-53 80.4-71.8 22.6-30.8 38.4-68.8 38.4-113.8C768 247 741 192.8 690.2 154.2zM484 740.4c-51.8-1.6-94.6 34.4-96.4 90.6-1.6 56.4 39 93.4 91 95 54 1.6 95.8-33.2 97.4-89.4C577.6 780.4 538 742 484 740.4z" p-id="1108" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/public/img/import.svg b/public/img/import.svg
new file mode 100644
index 0000000..bee75b2
--- /dev/null
+++ b/public/img/import.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1610615610400" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1729" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M483.44 458.08c1.99-0.12 1.99-0.12 3.98-0.12 15.56-0.58 57.08-2.2 59.19-2.2 199.9-6.48 361.55-163.55 368.45-359.94 1.05-29.49 26.32-52.51 56.38-51.47 30.18 1.04 53.69 25.79 52.64 55.17-8.89 252.61-216.74 454.55-473.83 462.88-1.05 0-16.49 0.58-32.17 1.16l84.8 20.93c28.89 7.17 46.55 36.09 39.3 64.66-7.25 28.57-36.49 45.92-65.38 38.86L363.67 635.5c-28.89-7.17-46.44-36.09-39.3-64.66l52.17-207.04c7.25-28.57 36.49-45.92 65.38-38.86l1.29 0.35c28.89 7.17 46.44 36.09 39.3 64.66l-17.31 68.82c5.73-0.23 11.81-0.46 18.24-0.69z m389.94 182.05c0-29.49 24.45-53.32 54.62-53.32 30.18 0 54.62 23.83 54.62 53.32v245.36c0 58.87-48.89 106.64-109.13 106.64H109.23C48.99 992.13 0.1 944.36 0.1 885.49V138.77C0.1 79.9 48.99 32.13 109.23 32.13h318.01c30.18 0 54.62 23.83 54.62 53.32 0 29.49-24.45 53.32-54.62 53.32H109.23v746.72h764.15V640.13z" p-id="1730" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/public/img/key.svg b/public/img/key.svg
new file mode 100644
index 0000000..5ed52c2
--- /dev/null
+++ b/public/img/key.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#9C27B0" d="M37,12H27v30h-7V12H10V6h27V12z"/></svg>
\ No newline at end of file
diff --git a/public/img/linux.svg b/public/img/linux.svg
new file mode 100644
index 0000000..f0d72e3
--- /dev/null
+++ b/public/img/linux.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 2 48 48"><path fill="#ECEFF1" d="M20.1 18.2L20.2 20.5 18.6 23.5 16.1 28.4 15.6 32.5 17.4 38.3 21.5 40.6 27.7 40.6 33.5 36.2 36.1 29.3 30.1 22 28.4 17.9z"/><path fill="#263238" d="M34.3,23.9c-1.6-2.3-2.9-3.7-3.6-6.6c-0.7-2.9,0.2-2.1-0.4-4.6c-0.3-1.3-0.8-2.2-1.3-2.9c-0.6-0.7-1.3-1.1-1.7-1.2c-0.9-0.5-3-1.3-5.6,0.1c-2.7,1.4-2.4,4.4-1.9,10.5c0,0.4-0.1,0.9-0.3,1.3c-0.4,0.9-1.1,1.7-1.7,2.4c-0.7,1-1.4,2-1.9,3.1c-1.2,2.3-2.3,5.2-2,6.3c0.5-0.1,6.8,9.5,6.8,9.7c0.4-0.1,2.1-0.1,3.6-0.1c2.1-0.1,3.3-0.2,5,0.2c0-0.3-0.1-0.6-0.1-0.9c0-0.6,0.1-1.1,0.2-1.8c0.1-0.5,0.2-1,0.3-1.6c-1,0.9-2.8,1.9-4.5,2.2c-1.5,0.3-4-0.2-5.2-1.7c0.1,0,0.3,0,0.4-0.1c0.3-0.1,0.6-0.2,0.7-0.4c0.3-0.5,0.1-1-0.1-1.3c-0.2-0.3-1.7-1.4-2.4-2c-0.7-0.6-1.1-0.9-1.5-1.3c0,0-0.6-0.6-0.8-0.8c-0.2-0.2-0.3-0.4-0.4-0.5c-0.2-0.5-0.3-1.1-0.2-1.9c0.1-1.1,0.5-2,1-3c0.2-0.4,0.7-1.2,0.7-1.2s-1.7,4.2-0.8,5.5c0,0,0.1-1.3,0.5-2.6c0.3-0.9,0.8-2.2,1.4-2.9s2.1-3.3,2.2-4.9c0-0.7,0.1-1.4,0.1-1.9c-0.4-0.4,6.6-1.4,7-0.3c0.1,0.4,1.5,4,2.3,5.9c0.4,0.9,0.9,1.7,1.2,2.7c0.3,1.1,0.5,2.6,0.5,4.1c0,0.3,0,0.8-0.1,1.3c0.2,0,4.1-4.2-0.5-7.7c0,0,2.8,1.3,2.9,3.9c0.1,2.1-0.8,3.8-1,4.1c0.1,0,2.1,0.9,2.2,0.9c0.4,0,1.2-0.3,1.2-0.3c0.1-0.3,0.4-1.1,0.4-1.4C37.6,29.9,35.9,26.2,34.3,23.9z"/><path fill="#ECEFF1" d="M21.6 13.3A1.3 2 0 1 0 21.6 17.3 1.3 2 0 1 0 21.6 13.3zM26.1 12.899999999999999A1.7 2.3 0 1 0 26.1 17.5 1.7 2.3 0 1 0 26.1 12.899999999999999z"/><path fill="#212121" d="M21.7 14.8A1.2 0.7 0 1 0 21.7 16.2A1.2 0.7 0 1 0 21.7 14.8Z" transform="rotate(-97.204 21.677 15.542)"/><path fill="#212121" d="M26 14.299999999999999A1 1.3 0 1 0 26 16.9A1 1.3 0 1 0 26 14.299999999999999Z"/><path fill="#FFC107" d="M39.3 37.6c-.4-.2-1.1-.5-1.7-1.4-.3-.5-.2-1.9-.7-2.5-.3-.4-.7-.2-.8-.2-.9.2-3 1.6-4.4 0-.2-.2-.5-.5-1-.5-.5 0-.7.2-.9.6s-.2.7-.2 1.7c0 .8 0 1.7-.1 2.4-.2 1.7-.5 2.7-.5 3.7 0 1.1.3 1.8.7 2.1.3.3.8.5 1.9.5 1.1 0 1.8-.4 2.5-1.1.5-.5.9-.7 2.3-1.7 1.1-.7 2.8-1.6 3.1-1.9.2-.2.5-.3.5-.9C40 37.9 39.6 37.7 39.3 37.6zM19.2 37.9c-1-1.6-1.1-1.9-1.8-2.9-.6-1-1.9-2.9-2.7-2.9-.6 0-.9.3-1.3.7-.4.4-.8 1.3-1.5 1.8-.6.5-2.3.4-2.7 1-.4.6.4 1.5.4 3 0 .6-.5 1-.6 1.4-.1.5-.2.8 0 1.2.4.6.9.8 4.3 1.5 1.8.4 3.5 1.4 4.6 1.5 1.1.1 3 0 3-2.7C21 39.9 20.1 39.5 19.2 37.9zM21.1 19.8C20.5 19.4 20 19 20 18.4c0-.6.4-.8 1-1.3.1-.1 1.2-1.1 2.3-1.1s2.4.7 2.9.9c.9.2 1.8.4 1.7 1.1-.1 1-.2 1.2-1.2 1.7-.7.2-2 1.3-2.9 1.3-.4 0-1 0-1.4-.1C22.1 20.8 21.6 20.3 21.1 19.8z"/><g><path fill="#634703" d="M20.9 19c.2.2.5.4.8.5.2.1.5.2.5.2.4 0 .7 0 .9 0 .5 0 1.2-.2 1.9-.6.7-.3.8-.5 1.3-.7.5-.3 1-.6.8-.7-.2-.1-.4 0-1.1.4-.6.4-1.1.6-1.7.9-.3.1-.7.3-1 .3-.3 0-.6 0-.9 0-.3 0-.5-.1-.8-.2-.2-.1-.3-.2-.4-.2-.2-.1-.6-.5-.8-.6 0 0-.2 0-.1.1C20.6 18.7 20.7 18.8 20.9 19zM23.9 16.8c.1.2.3.2.4.3.1.1.2.1.2.1.1-.1 0-.3-.1-.3C24.4 16.7 23.9 16.7 23.9 16.8zM22.3 17c0 .1.2.2.2.1.1-.1.2-.2.3-.2.2-.1.1-.2-.2-.2C22.4 16.8 22.4 16.9 22.3 17z"/></g><path fill="#455A64" d="M32,34.7c0,0.1,0,0.2,0,0.3c0.2,0.4,0.7,0.5,1.1,0.5c0.6,0,1.2-0.4,1.5-0.8c0-0.1,0.1-0.2,0.2-0.3c0.2-0.3,0.3-0.5,0.4-0.6c0,0-0.1-0.1-0.1-0.2c-0.1-0.2-0.4-0.4-0.8-0.5c-0.3-0.1-0.8-0.2-1-0.2c-0.9-0.1-1.4,0.2-1.7,0.5c0,0,0.1,0,0.1,0.1c0.2,0.2,0.3,0.4,0.3,0.7C32.1,34.4,32,34.5,32,34.7z"/></svg>
\ No newline at end of file
diff --git a/public/img/panel.svg b/public/img/panel.svg
new file mode 100644
index 0000000..9a5ca2f
--- /dev/null
+++ b/public/img/panel.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1610615681622" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1918" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M250.48 240.69c36.53 0 66.13 29.6 66.13 66.12v423.57c0 36.52-29.61 66.12-66.13 66.12-36.53 0-66.13-29.6-66.13-66.12V306.81c0-36.52 29.6-66.12 66.13-66.12z m224.48 442.06h303.16c31.42 0 56.89 25.46 56.89 56.88 0 31.41-25.47 56.88-56.89 56.88H474.96c-31.42 0-56.89-25.46-56.89-56.88 0-31.41 25.47-56.88 56.89-56.88z m28.44-442.06h246.27c47.13 0 85.33 38.2 85.33 85.31v189.93c0 47.12-38.2 85.31-85.33 85.31H503.4c-47.13 0-85.33-38.2-85.33-85.31V326c0-47.11 38.2-85.31 85.33-85.31z m322.52-90.68H200.14c-62.84 0-113.78 50.93-113.78 113.75v503.75c0 62.82 50.94 113.75 113.78 113.75h625.78c62.84 0 113.78-50.93 113.78-113.75V263.76c0-62.82-50.94-113.75-113.78-113.75z m27.51-92.88c94.26 0 170.67 76.39 170.67 170.62V796.5c0 94.23-76.41 170.62-170.67 170.62H170.77C76.51 967.13 0.1 890.74 0.1 796.5V227.75c0-94.23 76.41-170.62 170.67-170.62h682.66z" p-id="1919" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/public/img/professional.svg b/public/img/professional.svg
new file mode 100644
index 0000000..c33de13
--- /dev/null
+++ b/public/img/professional.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#ffe57f" d="M44,24c0,11.045-8.955,20-20,20S4,35.045,4,24S12.955,4,24,4S44,12.955,44,24"/><path fill="#546e7a" d="M28.941,26.801c0,0-2.582,0-5.164-2.582s-2.582-5.164-2.582-5.164l8.66-8.656c-4.875-1.223-10.762,0.434-14.363,4.035c-5.363,5.367-0.563,12.266-2.039,13.742c-2.24,2.24-4.472,4.326-6.535,6.186c1.668,2.744,3.972,5.049,6.716,6.718c1.932-2.151,4.09-4.472,6.374-6.756c1.398-1.398,8.02,3.719,13.559-1.816c3.602-3.602,5.258-9.488,4.035-14.363L28.941,26.801z"/></svg>
\ No newline at end of file
diff --git a/public/img/regex.svg b/public/img/regex.svg
new file mode 100644
index 0000000..42acdb4
--- /dev/null
+++ b/public/img/regex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#9C27B0" d="M21 5H27V43H21z"/><path fill="#9C27B0" d="M42 30.596L39.158 35.842 6 17.404 8.842 12.158z"/><path fill="#9C27B0" d="M8.992 36.031L6 30.822 39.008 11.969 42 17.178z"/></svg>
\ No newline at end of file
diff --git a/public/img/share.svg b/public/img/share.svg
new file mode 100644
index 0000000..f93024f
--- /dev/null
+++ b/public/img/share.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1610615099107" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1245" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M551.424 246.784l-253.44 253.44 72.192 72.192 253.44-253.44-72.192-72.192zM411.392 682.752a47.616 47.616 0 0 0-45.824 35.328l-2.048 7.168a47.36 47.36 0 0 0 33.536 58.112l254.464 68.096a40.704 40.704 0 0 0 12.288 1.792A47.616 47.616 0 0 0 709.632 819.2l2.048-7.168a47.36 47.36 0 0 0-33.536-58.112l-254.464-68.096a40.704 40.704 0 0 0-12.288-1.792z" p-id="1246" fill="#ffffff"></path><path d="M230.4 537.6a128 128 0 1 1-128 128 128 128 0 0 1 128-128m0-102.4a230.4 230.4 0 1 0 230.4 230.4 230.4 230.4 0 0 0-230.4-230.4zM665.6 102.4a76.8 76.8 0 1 1-76.8 76.8 76.8 76.8 0 0 1 76.8-76.8m0-102.4a179.2 179.2 0 1 0 179.2 179.2 179.2 179.2 0 0 0-179.2-179.2zM819.2 716.8a102.4 102.4 0 1 1-102.4 102.4 102.4 102.4 0 0 1 102.4-102.4m0-102.4a204.8 204.8 0 1 0 204.8 204.8 204.8 204.8 0 0 0-204.8-204.8z" p-id="1247" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/public/img/view.svg b/public/img/view.svg
new file mode 100644
index 0000000..160f300
--- /dev/null
+++ b/public/img/view.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#90caf9" d="M40 45L8 45 8 3 30 3 40 13z"/><path fill="#e1f5fe" d="M38.5 14L29 14 29 4.5z"/><path fill="#616161" d="M41.349 36.766H44.175V48.756H41.349z" transform="rotate(-45.001 42.761 42.762)"/><path fill="#616161" d="M42,31c0,6.074-4.925,11-11,11s-11-4.926-11-11s4.925-11,11-11S42,24.926,42,31"/><path fill="#90caf9" d="M40,31c0,4.971-4.029,9-9,9c-4.972,0-9-4.029-9-9s4.028-9,9-9C35.971,22,40,26.029,40,31"/><path fill="#37474f" d="M42.517 39.587H45.344V48.272000000000006H42.517z" transform="rotate(-45.028 43.928 43.927)"/></svg>
\ No newline at end of file
diff --git a/public/img/win32.svg b/public/img/win32.svg
new file mode 100644
index 0000000..b59b8fc
--- /dev/null
+++ b/public/img/win32.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#03A9F4" d="M20 25L6 25 6 37.073 20 38.994zM20 9.101L6 11.066 6 23 20 23zM22 8.82L22 23 42 23 42 6.012zM22 25L22 39.268 42 42.012 42 25z"/></svg>
\ No newline at end of file
diff --git a/public/img/window.svg b/public/img/window.svg
new file mode 100644
index 0000000..3c1654b
--- /dev/null
+++ b/public/img/window.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#455a64" d="M42,19H6V9c0-1.657,1.343-3,3-3h30c1.657,0,3,1.343,3,3V19z"/><path fill="#bbdefb" d="M6,16h36v23c0,1.657-1.343,3-3,3H9c-1.657,0-3-1.343-3-3V16z"/><path fill="#8bc34a" d="M11 9A2 2 0 1 0 11 13A2 2 0 1 0 11 9Z"/><path fill="#ffeb3b" d="M17 9A2 2 0 1 0 17 13A2 2 0 1 0 17 9Z"/><path fill="#fafafa" d="M39,12c0,0.553-0.447,1-1,1H23c-0.553,0-1-0.447-1-1v-2c0-0.553,0.447-1,1-1h15c0.553,0,1,0.447,1,1 V12z"/></svg>
\ No newline at end of file
diff --git a/public/logo.png b/public/logo.png
new file mode 100644
index 0000000..ea01379
Binary files /dev/null and b/public/logo.png differ
diff --git a/public/logo/applescript.png b/public/logo/applescript.png
new file mode 100644
index 0000000..979b022
Binary files /dev/null and b/public/logo/applescript.png differ
diff --git a/public/logo/c.png b/public/logo/c.png
new file mode 100644
index 0000000..922682b
Binary files /dev/null and b/public/logo/c.png differ
diff --git a/public/logo/cmd.png b/public/logo/cmd.png
new file mode 100644
index 0000000..ca0b4cc
Binary files /dev/null and b/public/logo/cmd.png differ
diff --git a/public/logo/csharp.png b/public/logo/csharp.png
new file mode 100644
index 0000000..7f02eb8
Binary files /dev/null and b/public/logo/csharp.png differ
diff --git a/public/logo/custom.png b/public/logo/custom.png
new file mode 100644
index 0000000..b9193d0
Binary files /dev/null and b/public/logo/custom.png differ
diff --git a/public/logo/go.png b/public/logo/go.png
new file mode 100644
index 0000000..d162551
Binary files /dev/null and b/public/logo/go.png differ
diff --git a/public/logo/javascript.png b/public/logo/javascript.png
new file mode 100644
index 0000000..cf2f7e1
Binary files /dev/null and b/public/logo/javascript.png differ
diff --git a/public/logo/lua.png b/public/logo/lua.png
new file mode 100644
index 0000000..e8a177c
Binary files /dev/null and b/public/logo/lua.png differ
diff --git a/public/logo/perl.png b/public/logo/perl.png
new file mode 100644
index 0000000..aff6279
Binary files /dev/null and b/public/logo/perl.png differ
diff --git a/public/logo/php.png b/public/logo/php.png
new file mode 100644
index 0000000..d1da6e9
Binary files /dev/null and b/public/logo/php.png differ
diff --git a/public/logo/powershell.png b/public/logo/powershell.png
new file mode 100644
index 0000000..e038142
Binary files /dev/null and b/public/logo/powershell.png differ
diff --git a/public/logo/python.png b/public/logo/python.png
new file mode 100644
index 0000000..b328fd4
Binary files /dev/null and b/public/logo/python.png differ
diff --git a/public/logo/quickcommand.png b/public/logo/quickcommand.png
new file mode 100644
index 0000000..623b258
Binary files /dev/null and b/public/logo/quickcommand.png differ
diff --git a/public/logo/quickpanel.png b/public/logo/quickpanel.png
new file mode 100644
index 0000000..687f6d4
Binary files /dev/null and b/public/logo/quickpanel.png differ
diff --git a/public/logo/ruby.png b/public/logo/ruby.png
new file mode 100644
index 0000000..10bf090
Binary files /dev/null and b/public/logo/ruby.png differ
diff --git a/public/logo/shell.png b/public/logo/shell.png
new file mode 100644
index 0000000..d6f4bef
Binary files /dev/null and b/public/logo/shell.png differ