Fixed: Added type to all buttons that are not meant for form submissions.

Author: KushalSharmaGit

frontend/src/components/LoginPageContent.tsx

@@ -71,6 +71,7 @@ const LoginPageContent: FC<LoginPageContentProps> = ({ isGitHubAuthEnabled }) =>
         </p>
 
         <button
+          type="button"
           onClick={() => signIn('github', { callbackUrl: '/' })}
           className="flex w-full items-center justify-center gap-2 rounded-lg bg-black px-4 py-2 font-medium text-white transition-colors hover:bg-gray-900/90"
         >

frontend/src/components/MenteeIssues.tsx

@@ -117,6 +117,7 @@ const MenteeIssues: React.FC<MenteeIssuesProps> = ({ openIssues, closedIssues, m
       {/* Tab Navigation */}
       <div className="mb-4 flex border-b border-gray-200">
         <button
+          type="button"
           onClick={() => setActiveTab('open')}
           className={`border-b-2 px-4 py-2 text-sm font-medium transition-colors ${
             activeTab === 'open'
@@ -128,6 +129,7 @@ const MenteeIssues: React.FC<MenteeIssuesProps> = ({ openIssues, closedIssues, m
           Open Issues ({openIssues.length})
         </button>
         <button
+          type="button"
           onClick={() => setActiveTab('closed')}
           className={`border-b-2 px-4 py-2 text-sm font-medium transition-colors ${
             activeTab === 'closed'

frontend/src/components/Milestones.tsx

@@ -56,6 +56,7 @@ const Milestones: React.FC<ProjectMilestonesProps> = ({
             <div className="flex flex-1 items-center overflow-hidden">
               <FontAwesomeIcon icon={faFolderOpen} className="mr-2 h-5 w-4" />
               <button
+                type="button"
                 className="cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap text-gray-600 hover:underline dark:text-gray-400"
                 onClick={() =>
                   router.push(

frontend/src/components/ModuleList.tsx

@@ -21,6 +21,7 @@ const ModuleList: React.FC<ModuleListProps> = ({ modules }) => {
           const displayText = module.length > 50 ? `${module.slice(0, 50)}...` : module
           return (
             <button
+              type="button"
               key={`${module}-${index}`}
               className="rounded-lg border border-gray-400 px-3 py-1 text-sm transition-all duration-200 ease-in-out hover:scale-105 hover:bg-gray-200 dark:border-gray-300 dark:hover:bg-gray-700"
               title={module.length > 50 ? module : undefined}

frontend/src/components/MultiSearch.tsx

@@ -274,6 +274,7 @@ const MultiSearchBar: React.FC<MultiSearchBarProps> = ({
                       }`}
                     >
                       <button
+                        type="button"
                         onClick={() => handleSuggestionClick(hit, suggestion.indexName)}
                         className="flex w-full cursor-pointer items-center overflow-hidden border-none bg-transparent p-0 text-left"
                       >

frontend/src/components/NavDropDown.tsx

@@ -40,6 +40,7 @@ export default function NavDropdown({ link, pathname }: NavDropDownProps) {
       )}
     >
       <button
+        type="button"
         className="flex items-center gap-2 whitespace-nowrap"
         onClick={() => setIsOpen((prev) => !prev)}
         aria-expanded={isOpen}

frontend/src/components/RecentIssues.tsx

@@ -36,6 +36,7 @@ const RecentIssues: React.FC<RecentIssuesProps> = ({ data, showAvatar = true })
             <div className="flex flex-1 items-center overflow-hidden">
               <FontAwesomeIcon icon={faFolderOpen} className="mr-2 h-5 w-4" />
               <button
+                type="button"
                 className="cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap text-gray-600 hover:underline dark:text-gray-400"
                 onClick={() =>
                   router.push(

frontend/src/components/RecentPullRequests.tsx

@@ -37,6 +37,7 @@ const RecentPullRequests: React.FC<RecentPullRequestsProps> = ({ data, showAvata
             <div className="mr-4 flex flex-1 items-center overflow-hidden">
               <FontAwesomeIcon icon={faFolderOpen} className="mr-2 h-5 w-4" />
               <button
+                type="button"
                 className="cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap text-gray-600 hover:underline dark:text-gray-400"
                 onClick={() =>
                   router.push(

frontend/src/components/Release.tsx

@@ -70,6 +70,7 @@ const Release: React.FC<ReleaseProps> = ({
           <div className="flex flex-1 items-center overflow-hidden">
             <FontAwesomeIcon icon={faFolderOpen} className="mr-2 h-5 w-4" />
             <button
+              type="button"
               className="cursor-pointer overflow-hidden text-ellipsis whitespace-nowrap text-gray-600 hover:underline dark:text-gray-400"
               disabled={!release.organizationName || !release.repositoryName}
               onClick={() => {

frontend/src/components/RepositoryCard.tsx

@@ -41,6 +41,7 @@ const RepositoryItem = ({ details }: { details: RepositoryCardProps }) => {
     <div className="flex h-46 w-full flex-col gap-3 rounded-lg border-1 border-gray-200 p-4 shadow-xs ease-in-out hover:shadow-md dark:border-gray-700 dark:bg-gray-800">
       <div className="flex items-start justify-between gap-2">
         <button
+          type="button"
           onClick={handleClick}
           className="min-w-0 flex-1 cursor-pointer text-start font-semibold text-blue-400 hover:underline"
         >