Use SVG osi symbol

Author: FileEX

assets/images/osi_symbol.svg

@@ -57,7 +57,7 @@ import IconLinkCard from '@src/components/IconLinkCard.astro';
                 <IconLinkCard title="Contributing guidelines" href="https://github.com/multitheftauto/mtasa-docs/blob/main/mtasa-blue/CONTRIBUTING.md" icon="seti:notebook"/>
 
                 <div class="mta-opensource-info">
-                    <Image style={{ width: '50px', height: '50px' }} src={getAssetImagePath("osi_symbol.png")} alt="Open Source Initiative"/>
+                    <Image style={{ width: '50px', height: '50px' }} src={getAssetImagePath("osi_symbol.svg")} alt="Open Source Initiative"/>
                     <div style="display: flex; flex-direction: column;">
                         <span><b>Multi Theft Auto</b> is <b>Open Source</b></span>
                         <span>This means anyone can contribute to making Multi Theft Auto even better!</span>

web/src/pages/index.astro

@@ -6,7 +6,7 @@ import { getElementsByCategory, getElementCategory } from '@src/utils/elements';
 
 import type { ImageMetadata } from 'astro';
 
-const imagesFromAssets = import.meta.glob<{ default: ImageMetadata }>('/src/assets/images/**/*.{jpeg,jpg,png,gif,webp}');
+const imagesFromAssets = import.meta.glob<{ default: ImageMetadata }>('/src/assets/images/**/*.{jpeg,jpg,png,gif,webp,svg}');
 export function getAssetImagePath(imageFilename: string): any {
   const imagePath = `/src/assets/images/${imageFilename}`;
   if (imagesFromAssets[imagePath]) {