diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index ac7ea11..1d7643f 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
+import { BrowserRouter as Router, Navigate, Route, Routes } from 'react-router-dom';
 import { AuthProvider, useAuth } from './context/AuthContext';
 import { NetworkProvider } from './context/NetworkContext';
 import Login from './components/auth/Login';
diff --git a/frontend/src/api/network.ts b/frontend/src/api/network.ts
index 60f107e..2e1276c 100644
--- a/frontend/src/api/network.ts
+++ b/frontend/src/api/network.ts
@@ -44,7 +44,7 @@ export const getUserNetworks = async (): Promise<Network[]> => {
 export const createNetwork = async (data: CreateNetworkData): Promise<Network> => {
   const response = await axios.post<{ success: boolean; data: Network }>(
     `${API_URL}/networks`,
-    data
+    data,
   );
   return response.data.data;
 };
@@ -52,7 +52,7 @@ export const createNetwork = async (data: CreateNetworkData): Promise<Network> =
 // Get a specific network
 export const getNetwork = async (id: string): Promise<Network> => {
   const response = await axios.get<{ success: boolean; data: Network }>(
-    `${API_URL}/networks/${id}`
+    `${API_URL}/networks/${id}`,
   );
   return response.data.data;
 };
@@ -61,7 +61,7 @@ export const getNetwork = async (id: string): Promise<Network> => {
 export const updateNetwork = async (id: string, data: UpdateNetworkData): Promise<Network> => {
   const response = await axios.put<{ success: boolean; data: Network }>(
     `${API_URL}/networks/${id}`,
-    data
+    data,
   );
   return response.data.data;
 };
diff --git a/frontend/src/api/people.ts b/frontend/src/api/people.ts
index c7feb7f..2897a7c 100644
--- a/frontend/src/api/people.ts
+++ b/frontend/src/api/people.ts
@@ -44,7 +44,7 @@ export interface UpdatePersonData {
 // Get all people in a network
 export const getPeople = async (networkId: string): Promise<Person[]> => {
   const response = await axios.get<{ success: boolean; data: Person[] }>(
-    `${API_URL}/networks/${networkId}/people`
+    `${API_URL}/networks/${networkId}/people`,
   );
   return response.data.data;
 };
@@ -53,7 +53,7 @@ export const getPeople = async (networkId: string): Promise<Person[]> => {
 export const addPerson = async (networkId: string, data: CreatePersonData): Promise<Person> => {
   const response = await axios.post<{ success: boolean; data: Person }>(
     `${API_URL}/networks/${networkId}/people`,
-    data
+    data,
   );
   return response.data.data;
 };
@@ -62,11 +62,11 @@ export const addPerson = async (networkId: string, data: CreatePersonData): Prom
 export const updatePerson = async (
   networkId: string,
   personId: string,
-  data: UpdatePersonData
+  data: UpdatePersonData,
 ): Promise<Person> => {
   const response = await axios.put<{ success: boolean; data: Person }>(
     `${API_URL}/networks/${networkId}/people/${personId}`,
-    data
+    data,
   );
   return response.data.data;
 };
diff --git a/frontend/src/api/relationships.ts b/frontend/src/api/relationships.ts
index 6da87a1..4f90dff 100644
--- a/frontend/src/api/relationships.ts
+++ b/frontend/src/api/relationships.ts
@@ -33,7 +33,7 @@ export interface UpdateRelationshipData {
 // Get all relationships in a network
 export const getRelationships = async (networkId: string): Promise<Relationship[]> => {
   const response = await axios.get<{ success: boolean; data: Relationship[] }>(
-    `${API_URL}/networks/${networkId}/relationships`
+    `${API_URL}/networks/${networkId}/relationships`,
   );
   return response.data.data;
 };
@@ -41,11 +41,11 @@ export const getRelationships = async (networkId: string): Promise<Relationship[
 // Add a relationship to the network
 export const addRelationship = async (
   networkId: string,
-  data: CreateRelationshipData
+  data: CreateRelationshipData,
 ): Promise<Relationship> => {
   const response = await axios.post<{ success: boolean; data: Relationship }>(
     `${API_URL}/networks/${networkId}/relationships`,
-    data
+    data,
   );
   return response.data.data;
 };
@@ -54,11 +54,11 @@ export const addRelationship = async (
 export const updateRelationship = async (
   networkId: string,
   relationshipId: string,
-  data: UpdateRelationshipData
+  data: UpdateRelationshipData,
 ): Promise<Relationship> => {
   const response = await axios.put<{ success: boolean; data: Relationship }>(
     `${API_URL}/networks/${networkId}/relationships/${relationshipId}`,
-    data
+    data,
   );
   return response.data.data;
 };
@@ -66,7 +66,7 @@ export const updateRelationship = async (
 // Remove a relationship
 export const removeRelationship = async (
   networkId: string,
-  relationshipId: string
+  relationshipId: string,
 ): Promise<void> => {
   await axios.delete(`${API_URL}/networks/${networkId}/relationships/${relationshipId}`);
 };
diff --git a/frontend/src/components/CanvasGraph.tsx b/frontend/src/components/CanvasGraph.tsx
index fa3e848..499f80e 100644
--- a/frontend/src/components/CanvasGraph.tsx
+++ b/frontend/src/components/CanvasGraph.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState, useCallback } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { GraphData } from 'react-force-graph-2d';
 
 // Define types for graph elements
diff --git a/frontend/src/components/FriendshipNetwork.tsx b/frontend/src/components/FriendshipNetwork.tsx
index 294b2dc..f27da40 100644
--- a/frontend/src/components/FriendshipNetwork.tsx
+++ b/frontend/src/components/FriendshipNetwork.tsx
@@ -145,7 +145,7 @@ const FriendshipNetwork: React.FC = () => {
     refreshNetwork,
     updatePersonPosition: updatePersonPositionImpl = (
       id: string,
-      position: { x: number; y: number }
+      position: { x: number; y: number },
     ) => {
       console.warn('updatePersonPosition not implemented');
       return Promise.resolve();
@@ -336,7 +336,7 @@ const FriendshipNetwork: React.FC = () => {
 
   // Filtered people and relationships
   const filteredPeople = people.filter(person =>
-    `${person.firstName} ${person.lastName}`.toLowerCase().includes(peopleFilter.toLowerCase())
+    `${person.firstName} ${person.lastName}`.toLowerCase().includes(peopleFilter.toLowerCase()),
   );
 
   const filteredRelationships = relationships.filter(rel => {
@@ -430,17 +430,17 @@ const FriendshipNetwork: React.FC = () => {
     // Create nodes
     const graphNodes = people.map(person => {
       const connectionCount = relationships.filter(
-        r => r.source === person._id || r.target === person._id
+        r => r.source === person._id || r.target === person._id,
       ).length;
 
       // Determine if node should be highlighted
       const isSelected = person._id === selectedPersonId;
       const isConnected = selectedPersonId
         ? relationships.some(
-            r =>
-              (r.source === selectedPersonId && r.target === person._id) ||
-              (r.target === selectedPersonId && r.source === person._id)
-          )
+          r =>
+            (r.source === selectedPersonId && r.target === person._id) ||
+            (r.target === selectedPersonId && r.source === person._id),
+        )
         : false;
 
       // Determine background color based on connection count or highlight state
@@ -540,7 +540,7 @@ const FriendshipNetwork: React.FC = () => {
           (r.source === relationship.source && r.target === relationship.target) ||
           (relationship.bidirectional &&
             r.source === relationship.target &&
-            r.target === relationship.source)
+            r.target === relationship.source),
       );
 
       if (existingRelationship) {
@@ -728,7 +728,8 @@ const FriendshipNetwork: React.FC = () => {
     return (
       <div className="flex justify-center items-center h-screen bg-slate-900">
         <div className="flex flex-col items-center space-y-4">
-          <div className="w-16 h-16 border-t-4 border-b-4 border-indigo-500 border-solid rounded-full animate-spin"></div>
+          <div
+            className="w-16 h-16 border-t-4 border-b-4 border-indigo-500 border-solid rounded-full animate-spin"></div>
           <p className="text-white text-lg">Loading your network...</p>
         </div>
       </div>
@@ -953,7 +954,7 @@ const FriendshipNetwork: React.FC = () => {
                   {sortedPeople.length > 0 ? (
                     sortedPeople.map(person => {
                       const connectionCount = relationships.filter(
-                        r => r.source === person._id || r.target === person._id
+                        r => r.source === person._id || r.target === person._id,
                       ).length;
 
                       return (
@@ -1668,7 +1669,7 @@ const FriendshipNetwork: React.FC = () => {
               <h4 className="font-medium text-indigo-400 mb-2">Connections</h4>
               <div className="max-h-40 overflow-y-auto space-y-1 bg-slate-900 rounded-lg p-2">
                 {relationships.filter(
-                  r => r.source === editPerson._id || r.target === editPerson._id
+                  r => r.source === editPerson._id || r.target === editPerson._id,
                 ).length > 0 ? (
                   relationships
                     .filter(r => r.source === editPerson._id || r.target === editPerson._id)
diff --git a/frontend/src/components/FriendshipNetworkComponents.tsx b/frontend/src/components/FriendshipNetworkComponents.tsx
index 13836c4..4f7291c 100644
--- a/frontend/src/components/FriendshipNetworkComponents.tsx
+++ b/frontend/src/components/FriendshipNetworkComponents.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Transition } from '@headlessui/react';
 import { FaTimes } from 'react-icons/fa';
 
@@ -48,11 +48,11 @@ export interface NetworkStatsProps {
 
 // Enhanced Tooltip with animation and positioning
 export const Tooltip: React.FC<TooltipProps> = ({
-  children,
-  text,
-  position = 'top',
-  delay = 300,
-}) => {
+                                                  children,
+                                                  text,
+                                                  position = 'top',
+                                                  delay = 300,
+                                                }) => {
   const [show, setShow] = useState(false);
   const [timeoutId, setTimeoutId] = useState<NodeJS.Timeout | null>(null);
 
@@ -218,15 +218,15 @@ export const Modal: React.FC<ModalProps> = ({ isOpen, onClose, title, children,
 
 // Enhanced Confirmation dialog
 export const ConfirmDialog: React.FC<ConfirmDialogProps> = ({
-  isOpen,
-  onClose,
-  onConfirm,
-  title,
-  message,
-  confirmText = 'Confirm',
-  cancelText = 'Cancel',
-  variant = 'danger',
-}) => {
+                                                              isOpen,
+                                                              onClose,
+                                                              onConfirm,
+                                                              title,
+                                                              message,
+                                                              confirmText = 'Confirm',
+                                                              cancelText = 'Cancel',
+                                                              variant = 'danger',
+                                                            }) => {
   const variantClasses = {
     danger: 'bg-red-600 hover:bg-red-700 focus:ring-red-500',
     warning: 'bg-amber-600 hover:bg-amber-700 focus:ring-amber-500',
@@ -274,7 +274,7 @@ export const NetworkStats: React.FC<NetworkStatsProps> = ({ people, relationship
     people.length > 0 ? (relationships.length / people.length).toFixed(1) : '0.0';
 
   const isolatedPeople = people.filter(
-    person => !relationships.some(r => r.source === person._id || r.target === person._id)
+    person => !relationships.some(r => r.source === person._id || r.target === person._id),
   ).length;
 
   // Find most connected person
@@ -286,8 +286,8 @@ export const NetworkStats: React.FC<NetworkStatsProps> = ({ people, relationship
   const mostConnected =
     personConnectionCounts.length > 0
       ? personConnectionCounts.reduce((prev, current) =>
-          prev.count > current.count ? prev : current
-        )
+        prev.count > current.count ? prev : current,
+      )
       : null;
 
   return (
@@ -351,12 +351,12 @@ export const NetworkStats: React.FC<NetworkStatsProps> = ({ people, relationship
 
 // Enhanced Toast notification component
 export const Toast: React.FC<ToastProps> = ({
-  message,
-  type,
-  onClose,
-  autoClose = true,
-  duration = 3000,
-}) => {
+                                              message,
+                                              type,
+                                              onClose,
+                                              autoClose = true,
+                                              duration = 3000,
+                                            }) => {
   useEffect(() => {
     if (autoClose) {
       const timer = setTimeout(() => {
@@ -423,16 +423,16 @@ export interface ButtonProps {
 }
 
 export const Button: React.FC<ButtonProps> = ({
-  children,
-  onClick,
-  type = 'button',
-  variant = 'primary',
-  size = 'md',
-  icon,
-  className = '',
-  disabled = false,
-  fullWidth = false,
-}) => {
+                                                children,
+                                                onClick,
+                                                type = 'button',
+                                                variant = 'primary',
+                                                size = 'md',
+                                                icon,
+                                                className = '',
+                                                disabled = false,
+                                                fullWidth = false,
+                                              }) => {
   const variantClasses = {
     primary: 'bg-indigo-600 hover:bg-indigo-700 text-white focus:ring-indigo-500',
     secondary: 'bg-slate-700 hover:bg-slate-600 text-white focus:ring-slate-500',
@@ -481,14 +481,14 @@ export interface FormFieldProps {
 }
 
 export const FormField: React.FC<FormFieldProps> = ({
-  label,
-  id,
-  error,
-  required = false,
-  className = '',
-  children,
-  labelClassName = '',
-}) => {
+                                                      label,
+                                                      id,
+                                                      error,
+                                                      required = false,
+                                                      className = '',
+                                                      children,
+                                                      labelClassName = '',
+                                                    }) => {
   return (
     <div className={`mb-4 ${className}`}>
       <label
diff --git a/frontend/src/components/layout/Header.tsx b/frontend/src/components/layout/Header.tsx
index 9a1b0a0..f41ffb7 100644
--- a/frontend/src/components/layout/Header.tsx
+++ b/frontend/src/components/layout/Header.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
-import { Link, useNavigate, useLocation } from 'react-router-dom';
+import { Link, useLocation, useNavigate } from 'react-router-dom';
 import { useAuth } from '../../context/AuthContext';
-import { FaUser, FaSignOutAlt, FaNetworkWired } from 'react-icons/fa';
+import { FaNetworkWired, FaSignOutAlt, FaUser } from 'react-icons/fa';
 
 const Header: React.FC = () => {
   const { user, logout } = useAuth();
@@ -63,7 +63,8 @@ const Header: React.FC = () => {
                     </div>
                   </button>
 
-                  <div className="absolute right-0 mt-2 w-48 bg-slate-800 rounded-md shadow-lg py-1 z-10 border border-slate-700 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
+                  <div
+                    className="absolute right-0 mt-2 w-48 bg-slate-800 rounded-md shadow-lg py-1 z-10 border border-slate-700 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200">
                     <button
                       onClick={handleLogout}
                       className="w-full text-left px-4 py-2 text-sm text-slate-300 hover:bg-slate-700 flex items-center"
diff --git a/frontend/src/components/networks/NetworkList.tsx b/frontend/src/components/networks/NetworkList.tsx
index d3faec5..b77c483 100644
--- a/frontend/src/components/networks/NetworkList.tsx
+++ b/frontend/src/components/networks/NetworkList.tsx
@@ -2,8 +2,8 @@ import React, { useState } from 'react';
 import { useNetworks } from '../../context/NetworkContext';
 import { useAuth } from '../../context/AuthContext';
 import { useNavigate } from 'react-router-dom';
-import { motion, AnimatePresence } from 'framer-motion';
-import { FaPlus, FaNetworkWired, FaTrash, FaEye, FaGlobe, FaLock, FaTimes } from 'react-icons/fa';
+import { AnimatePresence, motion } from 'framer-motion';
+import { FaEye, FaGlobe, FaLock, FaNetworkWired, FaPlus, FaTimes, FaTrash } from 'react-icons/fa';
 
 const NetworkList: React.FC = () => {
   const { networks, loading, error, createNetwork, deleteNetwork } = useNetworks();
diff --git a/frontend/src/context/AuthContext.tsx b/frontend/src/context/AuthContext.tsx
index a2313a0..cd1d8fa 100644
--- a/frontend/src/context/AuthContext.tsx
+++ b/frontend/src/context/AuthContext.tsx
@@ -1,12 +1,12 @@
-import React, { createContext, useState, useEffect, useContext, ReactNode } from 'react';
+import React, { createContext, ReactNode, useContext, useEffect, useState } from 'react';
 import {
-  User,
   getCurrentUser,
   login as apiLogin,
-  register as apiRegister,
-  logout as apiLogout,
   LoginData,
+  logout as apiLogout,
+  register as apiRegister,
   RegisterData,
+  User,
 } from '../api/auth';
 
 interface AuthContextProps {
diff --git a/frontend/src/context/NetworkContext.tsx b/frontend/src/context/NetworkContext.tsx
index 7f239d5..81e3f48 100644
--- a/frontend/src/context/NetworkContext.tsx
+++ b/frontend/src/context/NetworkContext.tsx
@@ -1,11 +1,11 @@
-import React, { createContext, useState, useEffect, useContext, ReactNode } from 'react';
+import React, { createContext, ReactNode, useContext, useEffect, useState } from 'react';
 import {
-  Network,
-  getUserNetworks,
   createNetwork as apiCreateNetwork,
-  updateNetwork as apiUpdateNetwork,
-  deleteNetwork as apiDeleteNetwork,
   CreateNetworkData,
+  deleteNetwork as apiDeleteNetwork,
+  getUserNetworks,
+  Network,
+  updateNetwork as apiUpdateNetwork,
   UpdateNetworkData,
 } from '../api/network';
 import { useAuth } from './AuthContext';
diff --git a/frontend/src/hooks/useFriendshipNetwork.ts b/frontend/src/hooks/useFriendshipNetwork.ts
index bdc40f1..411dc79 100644
--- a/frontend/src/hooks/useFriendshipNetwork.ts
+++ b/frontend/src/hooks/useFriendshipNetwork.ts
@@ -1,11 +1,11 @@
-import { useState, useEffect, useCallback, useRef } from 'react';
-import { Person, getPeople, addPerson, updatePerson, removePerson } from '../api/people';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { addPerson, getPeople, Person, removePerson, updatePerson } from '../api/people';
 import {
-  Relationship,
-  getRelationships,
   addRelationship,
-  updateRelationship,
+  getRelationships,
+  Relationship,
   removeRelationship,
+  updateRelationship,
 } from '../api/relationships';
 
 interface PersonNode extends Person {
@@ -24,7 +24,7 @@ const DEFAULT_POLL_INTERVAL = 5000;
 // Custom hook to manage friendship network data
 export const useFriendshipNetwork = (
   networkId: string | null,
-  pollInterval = DEFAULT_POLL_INTERVAL
+  pollInterval = DEFAULT_POLL_INTERVAL,
 ) => {
   const [people, setPeople] = useState<PersonNode[]>([]);
   const [relationships, setRelationships] = useState<RelationshipEdge[]>([]);
@@ -70,7 +70,7 @@ export const useFriendshipNetwork = (
         // Generate hashes to detect changes
         const positionsHash = JSON.stringify(peopleNodes.map(p => ({ id: p.id, pos: p.position })));
         const relationshipsHash = JSON.stringify(
-          relationshipEdges.map(r => ({ id: r.id, src: r.source, tgt: r.target, type: r.type }))
+          relationshipEdges.map(r => ({ id: r.id, src: r.source, tgt: r.target, type: r.type })),
         );
 
         // Handle people updates
@@ -187,7 +187,7 @@ export const useFriendshipNetwork = (
         }
       }
     },
-    [networkId]
+    [networkId],
   );
 
   // Set up polling for network data
@@ -234,7 +234,7 @@ export const useFriendshipNetwork = (
 
       // Update the reference hash to avoid unnecessary state updates on next poll
       lastPeopleUpdateRef.current = JSON.stringify(
-        updatedPeople.map(p => ({ id: p.id, pos: p.position }))
+        updatedPeople.map(p => ({ id: p.id, pos: p.position })),
       );
 
       return newPersonNode;
@@ -252,7 +252,7 @@ export const useFriendshipNetwork = (
       lastName?: string;
       birthday?: string | null;
       position?: { x: number; y: number };
-    }
+    },
   ): Promise<PersonNode> => {
     if (!networkId) throw new Error('No network selected');
 
@@ -262,14 +262,14 @@ export const useFriendshipNetwork = (
 
       // Update the local state
       const updatedPeople = people.map(person =>
-        person._id === personId ? updatedPersonNode : person
+        person._id === personId ? updatedPersonNode : person,
       );
       setPeople(updatedPeople);
 
       // Update the reference hash if position changed to avoid unnecessary state updates on next poll
       if (personData.position) {
         lastPeopleUpdateRef.current = JSON.stringify(
-          updatedPeople.map(p => ({ id: p.id, pos: p.position }))
+          updatedPeople.map(p => ({ id: p.id, pos: p.position })),
         );
       }
 
@@ -293,16 +293,16 @@ export const useFriendshipNetwork = (
 
       // Remove all relationships involving this person
       const updatedRelationships = relationships.filter(
-        rel => rel.source !== personId && rel.target !== personId
+        rel => rel.source !== personId && rel.target !== personId,
       );
       setRelationships(updatedRelationships);
 
       // Update both reference hashes to avoid unnecessary state updates on next poll
       lastPeopleUpdateRef.current = JSON.stringify(
-        updatedPeople.map(p => ({ id: p.id, pos: p.position }))
+        updatedPeople.map(p => ({ id: p.id, pos: p.position })),
       );
       lastRelationshipsUpdateRef.current = JSON.stringify(
-        updatedRelationships.map(r => ({ id: r.id, src: r.source, tgt: r.target, type: r.type }))
+        updatedRelationships.map(r => ({ id: r.id, src: r.source, tgt: r.target, type: r.type })),
       );
     } catch (err: any) {
       setError(err.message || 'Failed to delete person');
@@ -328,7 +328,7 @@ export const useFriendshipNetwork = (
 
       // Update the relationship hash to avoid unnecessary state updates on next poll
       lastRelationshipsUpdateRef.current = JSON.stringify(
-        updatedRelationships.map(r => ({ id: r.id, src: r.source, tgt: r.target, type: r.type }))
+        updatedRelationships.map(r => ({ id: r.id, src: r.source, tgt: r.target, type: r.type })),
       );
 
       return newRelationshipEdge;
@@ -344,7 +344,7 @@ export const useFriendshipNetwork = (
     relationshipData: {
       type?: 'freund' | 'partner' | 'familie' | 'arbeitskolleg' | 'custom';
       customType?: string;
-    }
+    },
   ): Promise<RelationshipEdge> => {
     if (!networkId) throw new Error('No network selected');
 
@@ -352,7 +352,7 @@ export const useFriendshipNetwork = (
       const updatedRelationship = await updateRelationship(
         networkId,
         relationshipId,
-        relationshipData
+        relationshipData,
       );
       const updatedRelationshipEdge: RelationshipEdge = {
         ...updatedRelationship,
@@ -360,13 +360,13 @@ export const useFriendshipNetwork = (
       };
 
       const updatedRelationships = relationships.map(rel =>
-        rel._id === relationshipId ? updatedRelationshipEdge : rel
+        rel._id === relationshipId ? updatedRelationshipEdge : rel,
       );
       setRelationships(updatedRelationships);
 
       // Update the relationship hash to avoid unnecessary state updates on next poll
       lastRelationshipsUpdateRef.current = JSON.stringify(
-        updatedRelationships.map(r => ({ id: r.id, src: r.source, tgt: r.target, type: r.type }))
+        updatedRelationships.map(r => ({ id: r.id, src: r.source, tgt: r.target, type: r.type })),
       );
 
       return updatedRelationshipEdge;
@@ -387,7 +387,7 @@ export const useFriendshipNetwork = (
 
       // Update the relationship hash to avoid unnecessary state updates on next poll
       lastRelationshipsUpdateRef.current = JSON.stringify(
-        updatedRelationships.map(r => ({ id: r.id, src: r.source, tgt: r.target, type: r.type }))
+        updatedRelationships.map(r => ({ id: r.id, src: r.source, tgt: r.target, type: r.type })),
       );
     } catch (err: any) {
       setError(err.message || 'Failed to delete relationship');
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index 88c053a..e78a5ef 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -11,7 +11,7 @@ if (rootElement) {
   root.render(
     <React.StrictMode>
       <App />
-    </React.StrictMode>
+    </React.StrictMode>,
   );
 } else {
   console.error('Root element not found');