Update src/content/design-system/guides/loading

apps/site/src/content/design-system/guides/loading/design/loading-options/content.mdoc

@@ -14,7 +14,7 @@ Display after about 1-2 seconds
 
 ### What
 
-The most common page loading pattern is a simple, animated spinning icon on a page overlay. This approach prevents the user from interacting with the content on the screen by covering the entire page including headers, footers or any other navigation. The loading animation should be accompanied by messaging that explains what is happening and why the user is waiting. The message can change based on how long the system is taking.
+The most common page loading pattern is a simple, animated [Progress Indicator](/components/progress-indicator) (or Spinner icon) on a page overlay. This approach prevents the user from interacting with the content on the screen by covering the entire page including headers, footers or any other navigation. The loading animation should be accompanied by messaging that explains what is happening and why the user is waiting. The message can change based on how long the system is taking.
 
 #### Spinner vs animation
 
@@ -37,7 +37,3 @@ Description of what will be displayed
   );
 };
 ```
-
-#### Components
-
-[Progress indicator](/components/progress-indicator) (Spinner)

apps/site/src/content/design-system/guides/loading/design/page-section-loading/content.mdoc

@@ -1,4 +1,4 @@
-Sometimes the system is waiting for only a portion of the page to load, when only a part of the page is still loading we use a Skeleton loader
+Sometimes the system is waiting for only a portion of the page to load, when only a part of the page is still loading we use a [Skeleton loader.](#)
 
 ### Why
 
@@ -10,7 +10,7 @@ Display after about 200–500 milliseconds
 
 ### What
 
-A Skeleton loader displays a very simplified visual placeholder that mimics the layout of the final content in an abstract and non-literal way. These can often have an animation layer added called a shimmer that creates movement and a bit of visual interest to show that something is happening. As the Skeleton loaders only obscure the areas that are taking a while to appear, it means the user still has access to interact with other areas of the page including navigation.
+A [Skeleton loader](#) displays a very simplified visual placeholder that mimics the layout of the final content in an abstract and non-literal way. These can often have an animation layer added called a shimmer that creates movement and a bit of visual interest to show that something is happening. As the Skeleton loaders only obscure the areas that are taking a while to appear, it means the user still has access to interact with other areas of the page including navigation.
 
 ### Usage example
 
@@ -29,7 +29,3 @@ Showing examples of skeleton loading. Could we do an animated demo where the ske
   );
 };
 ```
-
-#### Components
-
-[Skeleton](#)