fix: wrap long words in pinned items titles into multiple lines (#3870)

Author: appletreeisyellow

src/me/components/PinnedItems.scss

@@ -23,6 +23,11 @@ $dashboard-grid-gap: $cf-space-2xs;
   background: $cf-grey-25;
 }
 
+.pinneditems--link {
+  word-break: break-word;
+  max-width: fit-content;
+}
+
 @media screen and (max-width: $cf-grid--breakpoint-md) {
   .pinneditems--container {
     grid-template-columns: minmax(0px, 1fr);

src/me/components/PinnedItems.tsx

@@ -112,6 +112,7 @@ const PinnedItems: FC = () => {
                 name={item.metadata.name ?? ''}
                 onClick={() => followMetadataToRoute(item)}
                 testID="pinneditems--link"
+                className="pinneditems--link"
               />
             </ResourceCard>
           ))