fix tags line no margin see #25255 (#25280)

This is my first pr, there are many things I don't understand very well,
I am very sorry, I rearranged the code and opened this new pr.
Now：

![image](https://github.com/go-gitea/gitea/assets/89133723/5acd9d81-2152-4966-9372-1fbf902ed073)

Author: hiifong

templates/explore/repo_list.tmpl

@@ -54,9 +54,9 @@
 				{{$description := .DescriptionHTML $.Context}}
 				{{if $description}}<p>{{$description}}</p>{{end}}
 				{{if .Topics}}
-					<div class="ui tags">
+					<div class="gt-df gt-fw gt-gap-2 gt-mb-3">
 					{{range .Topics}}
-						{{if ne . ""}}<a href="{{AppSubUrl}}/explore/repos?q={{.}}&topic=1"><div class="ui small label topic">{{.}}</div></a>{{end}}
+						{{if ne . ""}}<a class="ui label" href="{{AppSubUrl}}/explore/repos?q={{.}}&topic=1">{{.}}</a>{{end}}
 					{{end}}
 					</div>
 				{{end}}

web_src/css/explore.css

@@ -32,10 +32,6 @@
   font-size: 12px;
 }
 
-.ui.repository.list .item .ui.tags {
-  margin-bottom: 0.5rem;
-}
-
 .ui.repository.list .repo-title .labels {
   word-break: normal;
   flex-shrink: 0;