[MM-401]: Added pr/issue opened by in tooltip modal (#833)

* [MM-401]: added pr/issue opened by in tooltip modal

* [MM-401]: fixed lint

Author: Kshitij-Katiyar

webapp/src/components/link_tooltip/link_tooltip.jsx

@@ -127,6 +127,12 @@ export const LinkTooltip = ({href, connected, show, theme}) => {
                                 <h5 className='mr-1'>{data.title}</h5>
                                 <span>{'#' + data.number}</span>
                             </a>
+                            {data?.user?.login && (
+                                <p className='opened-by'>
+                                    {'Opened by '}
+                                    <a href={`https://github.com/${data.user.login}`}>{data.user.login}</a>
+                                </p>
+                            )}
                             <div className='markdown-text mt-1 mb-1'>
                                 <ReactMarkdown linkTarget='_blank'>{description}</ReactMarkdown>
                             </div>

webapp/src/components/link_tooltip/tooltip.css

@@ -123,3 +123,15 @@
     white-space: nowrap;
     overflow: hidden;
 }
+
+.github-tooltip .opened-by {
+    font-size: 12px;
+    color: var(--light-gray);
+    margin-top: 4px;
+    line-height: 1.25;
+}
+
+.github-tooltip .opened-by a {
+    color: var(--dark-gray);
+    display: inline-block;
+}