apply code review suggestion

Author: soujay

src/Frontend/src/components/CopyToClipboard.vue

@@ -2,16 +2,13 @@
 import { Tippy, TippyComponent } from "vue-tippy";
 import { useTemplateRef } from "vue";
 
-const props = defineProps({
-  value: {
-    type: String,
-    required: true,
-  },
-  isIconOnly: {
-    type: Boolean,
-    default: false, // Default value
-  },
-});
+const props = withDefaults(
+  defineProps<{
+    value: string;
+    isIconOnly?: boolean;
+  }>(),
+  { isIconOnly: false }
+);
 
 const tippyRef = useTemplateRef<TippyComponent | null>("tippyRef");
 let timeoutId: number;

src/Frontend/src/components/messages/HeadersView.vue

@@ -34,6 +34,6 @@ const toggleHover = (index: number, state: boolean) => {
 .headercopy {
   display: flex;
   align-items: top;
-  gap: 10px;
+  gap: 0.4rem;
 }
 </style>