fix: click area for pinned questions

ui/src/components/PinList/index.tsx

@@ -45,14 +45,14 @@ const PinList: FC<IProps> = ({ data }) => {
               action
               as="li"
               key={item.id}
-              className="rounded border-top p-3"
+              className="rounded border-top p-0"
               style={{
                 minWidth: '238px',
                 width: `${100 / data.length}%`,
               }}>
               <NavLink
                 to={pathFactory.questionLanding(item.id, item.url_title)}
-                className="h-100 d-flex flex-column justify-content-between">
+                className="h-100 d-flex flex-column justify-content-between p-3">
                 <h6 className="text-wrap link-dark text-break text-truncate-2">
                   {item.title}
                   {item.status === 2 ? ` [${t('closed')}]` : ''}

ui/src/components/QuestionList/index.tsx

@@ -144,6 +144,7 @@ const QuestionList: FC<Props> = ({
                 <ListGroup.Item
                   key={li.id}
                   action
+                  as="li"
                   onClick={() =>
                     handleNavigate(
                       pathFactory.questionLanding(li.id, li.url_title),
@@ -191,7 +192,9 @@ const QuestionList: FC<Props> = ({
                           return (
                             <Tag
                               key={tag.slug_name}
-                              className={`${li.tags.length - 1 === index ? '' : 'me-1'}`}
+                              className={`${
+                                li.tags.length - 1 === index ? '' : 'me-1'
+                              }`}
                               data={tag}
                             />
                           );