use language + title as layout id

Author: Yugveer06

src/components/SnippetList.tsx

@@ -37,7 +37,7 @@ const SnippetList = () => {
       <motion.ul role="list" className="snippets">
         <AnimatePresence mode="popLayout">
           {fetchedSnippets.map((snippet, idx) => {
-            const uniqueId = `${snippet.title}-${snippet.description}`;
+            const uniqueId = `${language.lang}-${snippet.title}`;
             return (
               <motion.li
                 key={uniqueId}

src/components/SnippetModal.tsx

@@ -49,7 +49,7 @@ const SnippetModal: React.FC<Props> = ({
         key="modal-content"
         className="modal | flow"
         data-flow-space="lg"
-        layoutId={`${snippet.title}-${snippet.description}`}
+        layoutId={`${language}-${snippet.title}`}
         transition={{ type: "spring", duration: shouldReduceMotion ? 0 : 0.5 }}
       >
         <div className="modal__header">