update: chips gap, add divider on mobile

src/features/Projects/pages/ProjectPage/Components/CapabilitiesCard/CapabilitiesCard.tsx

@@ -17,7 +17,7 @@ export default function CapabilitiesCard({ capabilities }: Props) {
                 {capabilities.length === 0 && <>
                     <p className="text-gray-700 text-body4">No capabilities added</p>
                 </>}
-                <div className="flex flex-wrap gap-8 md:gap-16">
+                <div className="flex flex-wrap gap-8">
                     {capabilities.map(cap => <Badge key={cap.id} size='sm'>{cap.icon} {cap.title}</Badge>)}
                 </div>
             </div>

src/features/Projects/pages/ProjectPage/ProjectPage.tsx

@@ -100,6 +100,7 @@ export default function ProjectPage() {
                             <hr className="bg-gray-100" />
                             <StoriesCard onlyMd stories={[]} />
                             <TournamentsCard onlyMd tournaments={[]} />
+                            <hr className="bg-gray-100" />
                             <SimilarProjectsCard id={project.id} />
                         </main>
                     </>