Cleans up the mobile styling. Adds tabs

src/components/RelationshipList.tsx

@@ -5,6 +5,7 @@ import { useState } from "react";
 import { Loader } from "./Loader";
 import { NewRelatedDocumentForm } from "./documents/NewRelatedDocumentForm";
 import { DocumentRow } from "./documents/DocumentRow";
+import { displayName } from "@/lib/relationships";
 
 interface RelationshipListProps {
   root: Document;
@@ -61,9 +62,7 @@ export function RelationshipList({
 
   return (
     <DocumentList
-      title={
-        relationshipType.charAt(0).toUpperCase() + relationshipType.slice(1)
-      }
+      title={displayName(relationshipType)}
       items={items}
       error={error}
       renderRow={(document) => <DocumentRow document={document} />}