Added collapsable text for text that's too long

website/src/components/Sortable/Sortable.tsx

@@ -17,6 +17,7 @@ import {
   verticalListSortingStrategy,
 } from "@dnd-kit/sortable";
 import { ReactNode, useEffect, useState } from "react";
+import { CollapsableText } from "../CollapsableText";
 
 import { SortableItem } from "./SortableItem";
 
@@ -61,7 +62,7 @@ export const Sortable = ({ items, onChange }: SortableProps) => {
         <Flex direction="column" gap={2}>
           {itemsWithIds.map(({ id, item }) => (
             <SortableItem key={id} id={id}>
-              {item}
+              <CollapsableText text={item} />
             </SortableItem>
           ))}
         </Flex>