Add contribution url to topic detail popup

src/components/TopicDetail/TopicDetail.tsx

@@ -187,6 +187,9 @@ export function TopicDetail() {
     return null;
   }
 
+  const contributionDir = resourceType === 'roadmap' ? 'roadmaps' : 'best-practices';
+  const contributionUrl = `https://github.com/kamranahmedse/developer-roadmap/tree/master/src/data/${contributionDir}/${resourceId}/content`;
+
   return (
     <div>
       <div
@@ -307,6 +310,17 @@ export function TopicDetail() {
               className="prose prose-quoteless prose-h1:mb-2.5 prose-h1:mt-7 prose-h2:mb-3 prose-h2:mt-0 prose-h3:mb-[5px] prose-h3:mt-[10px] prose-p:mb-2 prose-p:mt-0 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:text-gray-700 prose-li:m-0 prose-li:mb-0.5"
               dangerouslySetInnerHTML={{ __html: topicHtml }}
             ></div>
+
+            <p
+              id="contrib-meta"
+              class="mt-10 border-t pt-3 text-sm text-gray-400 leading-relaxed"
+            >
+              Contribute links to learning resources about this topic{' '}
+              <a target="_blank" class="text-blue-700 underline" href={contributionUrl}>
+                on GitHub repository.
+              </a>
+              .
+            </p>
           </>
         )}
       </div>