chore(ui): adjust ExperienceTile styling for responsibilities list spacing and padding

Author: steadyfall

src/components/Tiles/ExperienceTile.tsx

@@ -1,5 +1,3 @@
-import { ChevronRight } from 'lucide-react';
-
 import { RecordTile } from '@/components/Tiles/RecordTile';
 
 export type ExperienceTileProps = {
@@ -20,11 +18,10 @@ export function ExperienceTile({
   responsibilities,
 }: ExperienceTileProps) {
   const responsibilitiesAsHTML = responsibilities && responsibilities.length > 0 && (
-    <div className="mt-3">
-      <ul className="list-inside list-none space-y-1 text-gray-700 dark:text-gray-300">
+    <div className="mt-2">
+      <ul className="-pb-1 list-inside list-none space-y-1 text-gray-700 dark:text-gray-300">
         {responsibilities.map((responsibility, index) => (
-          <li key={index}>
-            {<ChevronRight className="mr-0.25 inline-block h-4 w-4 align-middle md:h-5 md:w-5" />}
+          <li key={index} className="py-1">
             {responsibility}
           </li>
         ))}