fix: Use getVersionedDocsPath to get to the icon in SVG sprite for examples (#3275)

Author: hannahiss

site/src/assets/examples/loading-buttons/index.astro

@@ -1,6 +1,6 @@
 ---
 import JsDocs from '@components/shortcodes/JsDocs.astro'
-import { getConfig } from '@libs/config'
+import { getVersionedDocsPath } from '@libs/path'
 
 export const title = 'Loading buttons'
 export const extra_css = ['loading-buttons.css']
@@ -30,7 +30,7 @@ export const aliases = [
 
       <button type="button" class="btn btn-icon btn-default" id="loading-btn-2" title="Download file 2">
         <svg width="1rem" height="1rem" fill="currentColor" aria-hidden="true">
-          <use xlink:href="../../assets/img/ouds-web-sprite.svg#download"/>
+          <use xlink:href={getVersionedDocsPath('/assets/img/ouds-web-sprite.svg#download')}/>
         </svg>
         <span class="visually-hidden">Download file 2</span>
         <svg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg' class="loader" aria-hidden="true">
@@ -41,7 +41,7 @@ export const aliases = [
 
       <button type="button" class="btn btn-default" id="loading-btn-3">
         <svg width="1rem" height="1rem" fill="currentColor" aria-hidden="true">
-          <use xlink:href="../../assets/img/ouds-web-sprite.svg#download"/>
+          <use xlink:href={getVersionedDocsPath('/assets/img/ouds-web-sprite.svg#download')}/>
         </svg>
         Download file 3
         <svg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg' class="loader" aria-hidden="true">
@@ -74,7 +74,7 @@ export const aliases = [
 
       <button type="button" class="btn btn-icon btn-default" id="loading-btn-6" style="--bs-btn-loading-time: 6s;" title="Download file 6">
         <svg width="1rem" height="1rem" fill="currentColor" aria-hidden="true">
-          <use xlink:href="../../assets/img/ouds-web-sprite.svg#download"/>
+          <use xlink:href={getVersionedDocsPath('/assets/img/ouds-web-sprite.svg#download')}/>
         </svg>
         <span class="visually-hidden">Download file 6</span>
         <svg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg' class="loader" aria-hidden="true">
@@ -85,7 +85,7 @@ export const aliases = [
 
       <button type="button" class="btn btn-default" id="loading-btn-7" style="--bs-btn-loading-time: 8s;">
         <svg width="1rem" height="1rem" fill="currentColor" aria-hidden="true">
-          <use xlink:href="../../assets/img/ouds-web-sprite.svg#download"/>
+          <use xlink:href={getVersionedDocsPath('/assets/img/ouds-web-sprite.svg#download')}/>
         </svg>
         Download file 7
         <svg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg' class="loader" aria-hidden="true">

site/src/pages/[brand]/docs/[version]/examples/index.astro

@@ -1,6 +1,7 @@
 ---
 import SingleLayout from '@layouts/SingleLayout.astro'
 import { getConfig } from '@libs/config'
+import { getVersionedDocsPath } from '@libs/path'
 import ExamplesMain from '@layouts/partials/ExamplesMain.astro'
 
 export function getStaticPaths() {
@@ -19,7 +20,7 @@ export function getStaticPaths() {
   <div class="d-flex flex-column flex-sm-row">
     <a href={getConfig().download.dist_examples} class="btn btn-strong">
       <svg width="1rem" height="1rem" fill="currentColor" aria-hidden="true">
-        <use xlink:href="./assets/img/ouds-web-sprite.svg#download"></use>
+        <use xlink:href={getVersionedDocsPath('/assets/img/ouds-web-sprite.svg#download')}></use>
       </svg>
       Download examples
     </a>