Fix invalid postion of before content in home page in Firefox Linux (#8980)

Co-authored-by: John Niang <[email protected]>

Author: halo-dev-bot

frontend/src/components/card-with-header/index.vue

@@ -30,9 +30,11 @@ defineProps({
             font-size: 16px;
             font-weight: 500;
             margin-left: 18px;
+            display: flex;
             &::before {
                 position: absolute;
-                top: 4px;
+                top: 50%;
+                transform: translateY(-50%);
                 left: -13px;
                 width: 4px;
                 height: 14px;