[web] interviews/qns: add props to hide arrow in the question card

apps/web/src/components/interviews/marketing/InterviewsMarketingPracticeQuestionBankSection.tsx

@@ -341,6 +341,7 @@ export default function InterviewsMarketingPracticeQuestionBankSection({
                       0,
                       MAX_TO_SHOW,
                     )}
+                    showArrowRight={false}
                     showOverlayAtLastItem={
                       questionsWithCompletionStatus.length >= MAX_TO_SHOW
                     }

apps/web/src/components/interviews/questions/listings/items/QuestionsList.tsx

@@ -48,6 +48,7 @@ type Props<Q extends QuestionMetadata> = Readonly<{
   primaryLabel?: 'difficulty' | 'importance';
   questionCompletionCount?: QuestionCompletionCount;
   questions: ReadonlyArray<Q>;
+  showArrowRight?: boolean;
   showOverlayAtLastItem?: boolean;
   showProgress?: boolean;
 }>;
@@ -65,6 +66,7 @@ export default function QuestionsList<Q extends QuestionMetadata>({
   onMarkAsCompleted,
   onMarkAsNotCompleted,
   showOverlayAtLastItem,
+  showArrowRight = true,
   mode = 'default',
 }: Props<Q>) {
   const { userProfile } = useUserProfile();
@@ -241,6 +243,7 @@ export default function QuestionsList<Q extends QuestionMetadata>({
                   })()}
                 </div>
               </div>
+              {showArrowRight && (
                 <div className="flex items-center justify-center">
                   <RiArrowRightLine
                     aria-hidden="true"
@@ -251,6 +254,7 @@ export default function QuestionsList<Q extends QuestionMetadata>({
                     )}
                   />
                 </div>
+              )}
             </div>
             {onQuestionClickIntercept && (
               <span