Use service slug in routing

src/servala/frontend/templates/frontend/organizations/services.html

@@ -36,7 +36,7 @@
                 </div>
                 <div class="card-footer d-flex justify-content-between">
                     <span></span>
-                    <a href="{{ service.pk }}/" class="btn btn-light-primary">{% translate "Read More" %}</a>
+                    <a href="{{ service.slug }}/" class="btn btn-light-primary">{% translate "Read More" %}</a>
                 </div>
             </div>
         {% empty %}

src/servala/frontend/urls.py

@@ -26,7 +26,7 @@ urlpatterns = [
                     name="organization.services",
                 ),
                 path(
-                    "services/<int:pk>/",
+                    "services/<slug:slug>/",
                     views.ServiceDetailView.as_view(),
                     name="organization.services",
                 ),