Added images to respective pages

Added the images to each respective page on splitting/routing/resolving along with a brief description on how to navigate there.

website/content/docs/connect/config-entries/service-resolver.mdx

@@ -23,6 +23,12 @@ and discovery terminates.
 - Service resolver config entries are a component of [L7 Traffic
   Management](/docs/connect/l7-traffic-management).
 
+## UI 
+
+Once a `service-resolver` is succesfully entered, you can view it in the UI. Service routers, service splitters, and service resolvers can all be viewed by clicking on your service then switching to the *routing* tab 
+
+![screenshot of service resolver in the UI](/img/l7-routing/Resolver.png)
+
 ## Sample Config Entries
 
 ### Filter on service version

website/content/docs/connect/config-entries/service-router.mdx

@@ -36,6 +36,13 @@ service of the same name.
   to any configured
   [`service-resolver`](/docs/connect/config-entries/service-resolver).
 
+## UI 
+
+
+Once a `service-router` is succesfully entered, you can view it in the UI. Service routers, service splitters, and service resolvers can all be viewed by clicking on your service then switching to the *routing* tab 
+
+![screenshot of service router in the UI](/img/l7-routing/Router.png)
+
 ## Sample Config Entries
 
 ### Path prefix matching

website/content/docs/connect/config-entries/service-splitter.mdx

@@ -39,6 +39,12 @@ resolution stage.
   to any configured
   [`service-resolver`](/docs/connect/config-entries/service-resolver).
 
+## UI 
+
+Once a `service-splitter` is succesfully entered, you can view it in the UI. Service routers, service splitters, and service resolvers can all be viewed by clicking on your service then switching to the *routing* tab 
+
+![screenshot of service splitter in the UI](/img/l7-routing/Splitter.png)
+
 ## Sample Config Entries
 
 ### Two subsets of same service