feat: Modernize the visual card editor. (#2586)

docs/images/icons/reolink.svg

@@ -1,53 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   version="1.1"
-   id="svg62"
-   width="24"
-   height="24"
-   viewBox="0 0 24 24"
-   sodipodi:docname="reolink.svg"
-   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
-   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">
-  <defs
-     id="defs66" />
-  <sodipodi:namedview
-     id="namedview64"
-     pagecolor="#505050"
-     bordercolor="#eeeeee"
-     borderopacity="1"
-     inkscape:showpageshadow="0"
-     inkscape:pageopacity="0"
-     inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#505050"
-     showgrid="true"
-     inkscape:zoom="36.417984"
-     inkscape:cx="18.191562"
-     inkscape:cy="8.6633022"
-     inkscape:window-width="3840"
-     inkscape:window-height="1527"
-     inkscape:window-x="1080"
-     inkscape:window-y="227"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="g68">
-    <inkscape:grid
-       type="xygrid"
-       id="grid1175"
-       dotted="false"
-       snapvisiblegridlinesonly="true" />
-  </sodipodi:namedview>
-  <g
-     inkscape:groupmode="layer"
-     inkscape:label="Reolink Logo"
-     id="g68">
-    <path
-       style="fill:#ffffff;stroke-width:0.0393282;fill-opacity:1"
-       d="M 17.037254,23.964909 C 16.764634,23.917573 16.561708,23.83617 16.325735,23.67954 16.196719,23.593913 14.543544,21.952905 12.217956,19.602014 10.077426,17.438191 8.2198993,15.582673 8.0901166,15.478642 7.6038998,15.088895 7.0877741,14.869424 6.4986827,14.801908 6.3140805,14.780765 5.079061,14.763305 3.7541964,14.763126 l -2.408845,-4.78e-4 0.00713,-7.3937713 v -7.3935985 l 6.2040046,3.536e-5 c 3.9799342,1.969e-5 6.3590882,0.01465833 6.6366112,0.0408227 2.331195,0.21982024 4.364771,1.49885914 5.578726,3.50085534 0.686043,1.1313823 1.020901,2.2783695 1.067186,3.6554196 0.06335,1.8844953 -0.57426,3.6597378 -1.831469,5.0992438 -0.756457,0.866146 -1.861127,1.62991 -2.928729,2.024919 l -0.319718,0.118287 -1.951287,-1.979284 -1.951286,-1.979278 1.046741,-0.02346 c 0.575706,-0.01291 1.099833,-0.03689 1.164724,-0.0533 0.596068,-0.150649 0.949703,-0.313968 1.322206,-0.6106282 0.643573,-0.5125401 1.046169,-1.2439257 1.137985,-2.0673522 0.167852,-1.505317 -0.771478,-2.8704888 -2.263547,-3.2897068 L 13.950001,4.3234481 9.7981831,4.3106846 5.6392389,4.29801 v 3.0692702 3.0692648 l 1.4185165,7.9e-4 c 1.6275801,8.87e-4 1.7789152,0.01912 2.3105245,0.27984 0.3095679,0.15183 0.389559,0.219499 1.0817441,0.915083 3.027399,3.042274 12.19404,12.30837 12.204589,12.337002 0.0161,0.04373 -5.364393,0.03953 -5.617359,-0.0045 z"
-       id="path1173"
-       inkscape:label="R" />
-  </g>
-</svg>
+<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.037 23.965C16.765 23.918 16.562 23.836 16.326 23.68 16.197 23.594 14.544 21.953 12.218 19.602 10.077 17.438 8.22 15.583 8.09 15.479 7.604 15.089 7.088 14.869 6.499 14.802 6.314 14.781 5.079 14.763 3.754 14.763l-2.409 0 0.007-7.394v-7.394l6.204 0c3.98 0 6.359 0.015 6.637 0.041 2.331 0.22 4.365 1.499 5.579 3.501 0.686 1.131 1.021 2.278 1.067 3.655 0.063 1.884-0.574 3.66-1.831 5.1-0.756 0.866-1.861 1.63-2.929 2.025l-0.32 0.118-1.951-1.979-1.951-1.98 1.046-0.023c0.576-0.013 1.1-0.037 1.165-0.053 0.596-0.151 0.95-0.314 1.322-0.611 0.644-0.513 1.046-1.244 1.138-2.067 0.168-1.505-0.771-2.87-2.263-3.29L13.95 4.323 9.798 4.311 5.639 4.298v3.069 3.07l1.419 0c1.628 0.001 1.779 0.019 2.31 0.28 0.31 0.152 0.39 0.219 1.082 0.915 3.027 3.042 12.194 12.308 12.205 12.337 0.016 0.044-5.364 0.04-5.618-0.004z"/></svg>