Vacancy added

app/(website)/vacancies/_components/MetadataItem.tsx

@@ -0,0 +1,22 @@
+import { COLORS } from "@/constants";
+
+export const MetadataItem = ({
+  icon: Icon,
+  label,
+  value,
+}: {
+  icon: React.ElementType;
+  label: string;
+  value: React.ReactNode;
+}) => (
+  <div className="flex items-start space-x-2 text-sm text-gray-700 font-poppins">
+    <Icon
+      className="h-5 w-5 mt-0.5 flex-shrink-0 text-primary"
+      aria-hidden="true"
+      style={{ color: COLORS.primary }}
+    />
+    <div>
+      <span className="font-semibold">{label}:</span> {value}
+    </div>
+  </div>
+);