feat: add tag API and integrate tag selection in modifications page

src/api/modification-api.ts

@@ -4,17 +4,25 @@ import { asUrlSearchParam } from "@/utils/query-param-utils.ts"
 
 interface ModificationParams extends PageQueryParams {
   firearmId?: string
+  tags?: string[]
 }
 
 export async function getModifications(params?: ModificationParams): Promise<Page<Modification>> {
   let uri = "/modifications"
   const urlSearchParams = asUrlSearchParam(params)
+
   if (params?.firearmId) {
     urlSearchParams.append("firearmId", "" + params.firearmId)
   }
+
+  if (params?.tags) {
+    params.tags.forEach((tag) => urlSearchParams.append("tags", tag))
+  }
+
   if (urlSearchParams.size > 0) {
     uri = uri.concat("?", urlSearchParams.toString())
   }
+
   const { data } = await WebClient.get<Page<Modification>>(uri)
   return data
 }