Resolve "[MIN-251] Clicking on a protein: annotation"

Closes #186 (closed)

src/components/Map/Drawer/BioEntityDrawer/AnnotationItem/AnnotationItem.component.tsx

-import { Icon } from '@/shared/Icon';
 import { Reference } from '@/types/models';
+import { twMerge } from 'tailwind-merge';
 
 type AnnotationItemProps = Pick<Reference, 'link' | 'type' | 'resource'>;
 
 export const AnnotationItem = ({ link, type, resource }: AnnotationItemProps): JSX.Element => (
-  <a className="pl-3 text-sm font-normal" href={link?.toString()} target="_blank">
+  <a
+    className={twMerge('pl-3 text-sm font-normal', link ? 'text-blue-800 underline' : '')}
+    href={link?.toString()}
+    target="_blank"
+  >
     <div className="flex justify-between">
-      <span>
-        Source:{' '}
-        <b className="font-semibold">
-          {type} ({resource})
-        </b>
+      <span className="w-full font-semibold">
+        {type} ({resource})
       </span>
-      <Icon name="arrow" className="h-6 w-6 fill-font-500" />
     </div>
   </a>
 );