fix: display issues in frontend

Author: luoingly

frontend/src/components/SubmissionHeatmap.vue

@@ -159,7 +159,7 @@ function hideTooltip () {
 
 <template>
   <div class="submission-heatmap">
-    <div class="max-w-full overflow-scroll" style="direction: rtl;">
+    <div class="max-w-full overflow-x-auto" style="direction: rtl;">
       <svg
         class="mx-auto" :width="svgWidth" :height="svgHeight" xmlns="http://www.w3.org/2000/svg"
         style="direction: ltr;"

frontend/src/views/Admin/TagManager.vue

@@ -151,7 +151,7 @@ onBeforeMount(fetch)
           </h3>
           <div class="flex flex-wrap gap-2 tags-group-items">
             <ProblemTag
-              v-for="tagItem in tagsGroupByColor[color]" :key="tagItem.tagId" class="tag-item" size="large"
+              v-for="tagItem in tagsGroupByColor[color]" :key="tagItem.tagId" class="cursor-pointer" size="large"
               :name="tagItem.name" :color="color" @click="openTagDetail(tagItem.tagId)"
             />
           </div>