fix(ui): [Dark mode] Align icon in the center (#11121)

Co-authored-by: Ayoub TAGHZOUT <ayoub.taghzout@goandev.net>

www/img/icons/admin.svg

-<svg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='18px' viewBox='0 0 24 14' width='18px'><g><path d='M0,0h24v24H0V0z' fill='none'/></g><g><g><path d='M4,18v-0.65c0-0.34,0.16-0.66,0.41-0.81C6.1,15.53,8.03,15,10,15c0.03,0,0.05,0,0.08,0.01c0.1-0.7,0.3-1.37,0.59-1.98 C10.45,13.01,10.23,13,10,13c-2.42,0-4.68,0.67-6.61,1.82C2.51,15.34,2,16.32,2,17.35V20h9.26c-0.42-0.6-0.75-1.28-0.97-2H4z'/><path d='M10,12c2.21,0,4-1.79,4-4s-1.79-4-4-4C7.79,4,6,5.79,6,8S7.79,12,10,12z M10,6c1.1,0,2,0.9,2,2s-0.9,2-2,2 c-1.1,0-2-0.9-2-2S8.9,6,10,6z'/><path d='M20.75,16c0-0.22-0.03-0.42-0.06-0.63l1.14-1.01l-1-1.73l-1.45,0.49c-0.32-0.27-0.68-0.48-1.08-0.63L18,11h-2l-0.3,1.49 c-0.4,0.15-0.76,0.36-1.08,0.63l-1.45-0.49l-1,1.73l1.14,1.01c-0.03,0.21-0.06,0.41-0.06,0.63s0.03,0.42,0.06,0.63l-1.14,1.01 l1,1.73l1.45-0.49c0.32,0.27,0.68,0.48,1.08,0.63L16,21h2l0.3-1.49c0.4-0.15,0.76-0.36,1.08-0.63l1.45,0.49l1-1.73l-1.14-1.01 C20.72,16.42,20.75,16.22,20.75,16z M17,18c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S18.1,18,17,18z'/></g></g></svg>
\ No newline at end of file
+<svg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' height='18px' viewBox='0 0 25 25' width='18px'><g><path d='M0,0h24v24H0V0z' fill='none'/></g><g><g><path d='M4,18v-0.65c0-0.34,0.16-0.66,0.41-0.81C6.1,15.53,8.03,15,10,15c0.03,0,0.05,0,0.08,0.01c0.1-0.7,0.3-1.37,0.59-1.98 C10.45,13.01,10.23,13,10,13c-2.42,0-4.68,0.67-6.61,1.82C2.51,15.34,2,16.32,2,17.35V20h9.26c-0.42-0.6-0.75-1.28-0.97-2H4z'/><path d='M10,12c2.21,0,4-1.79,4-4s-1.79-4-4-4C7.79,4,6,5.79,6,8S7.79,12,10,12z M10,6c1.1,0,2,0.9,2,2s-0.9,2-2,2 c-1.1,0-2-0.9-2-2S8.9,6,10,6z'/><path d='M20.75,16c0-0.22-0.03-0.42-0.06-0.63l1.14-1.01l-1-1.73l-1.45,0.49c-0.32-0.27-0.68-0.48-1.08-0.63L18,11h-2l-0.3,1.49 c-0.4,0.15-0.76,0.36-1.08,0.63l-1.45-0.49l-1,1.73l1.14,1.01c-0.03,0.21-0.06,0.41-0.06,0.63s0.03,0.42,0.06,0.63l-1.14,1.01 l1,1.73l1.45-0.49c0.32,0.27,0.68,0.48,1.08,0.63L16,21h2l0.3-1.49c0.4-0.15,0.76-0.36,1.08-0.63l1.45,0.49l1-1.73l-1.14-1.01 C20.72,16.42,20.75,16.22,20.75,16z M17,18c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S18.1,18,17,18z'/></g></g></svg>
\ No newline at end of file

www/img/icons/host.svg

 <svg version='1.1' xmlns='http://www.w3.org/2000/svg'
- width='18' height='18' viewBox='0 0 32 19'>
+ width='18' height='18' viewBox='0 0 32 25'>
 
 <g transform='translate(0.000000,32.000000) scale(0.100000,-0.100000)' stroke='none'>
 <path d='M46 201 c-31 -32 -37 -44 -34 -72 l3 -34 145 0 145 0 3 34 c3 28 -3

www/img/icons/user-template.svg

@@ -2,7 +2,7 @@
 <!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20010904//EN'
  'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'>
 <svg version='1.0' xmlns='http://www.w3.org/2000/svg'
- width='24.000000pt' height='24.000000pt' viewBox='0 0 24.000000 20.000000'
+ width='24.000000pt' height='24.000000pt' viewBox='0 0 25 25'
  preserveAspectRatio='xMidYMid meet'>
 
 <g transform='translate(0.000000,24.000000) scale(0.100000,-0.100000)' stroke='none'>

www/img/icons/user.svg

-<svg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 18' width='18px'><path d='M0 0h24v24H0V0z' fill='none'/><path d='M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 9c2.7 0 5.8 1.29 6 2v1H6v-.99c.2-.72 3.3-2.01 6-2.01m0-11C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z'/></svg>
\ No newline at end of file
+<svg xmlns='http://www.w3.org/2000/svg' height='18px' viewBox='0 0 24 25' width='18px'><path d='M0 0h24v24H0V0z' fill='none'/><path d='M12 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 9c2.7 0 5.8 1.29 6 2v1H6v-.99c.2-.72 3.3-2.01 6-2.01m0-11C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z'/></svg>
\ No newline at end of file

www/include/common/common-Func.php

@@ -51,7 +51,7 @@ function displaySvg(string $svgPath, string $color, float $height, float $width)
     if (file_exists($path)) {
         $data = file_get_contents($path);
         $data = str_replace('<svg ', "<svg height='$height' width='$width' ", $data);
-        echo "<span style='fill:$color'>" . $data . '</span>';
+        echo "<span style='fill:$color; vertical-align: middle'>" . $data . '</span>';
     } else {
         echo 'SVG file not found: ' . $svgPath;
     }
@@ -74,7 +74,7 @@ function returnSvg(string $svgPath, string $color, float $height, float $width):
     if (file_exists($path)) {
         $data = file_get_contents($path);
         $data = str_replace('<svg ', "<svg height='$height' width='$width' ", $data);
-        return "<span style='fill:$color'>" . $data . '</span>';
+        return "<span style='fill:$color ; vertical-align: middle'>" . $data . '</span>';
     } else {
         return 'SVG file not found: ' . $svgPath;
     }