feat(docs): replace usage placeholder images with real logos

Agent-Logs-Url: https://github.com/comunica/website/sessions/7ce40f4c-9a1f-47f6-856d-1afceaf29cd7

Co-authored-by: rubensworks <440384+rubensworks@users.noreply.github.com>

Author: Copilot

pages/docs/1_query/2_usage.md

@@ -13,7 +13,7 @@ the [GitHub dependency graph](https://github.com/comunica/comunica/network/depen
 or by inspecting the number of downloads on [npm](https://www.npmjs.com/package/@comunica/core) (45.000 weekly downloads at the time of writing).
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/nde.svg" alt="NDE — Network of Terms logo" class="usage-logo" />
+<img src="/img/usage-showcase/nde.jpg" alt="NDE — Network of Terms logo" class="usage-logo" />
 
 ## NDE — Network of Terms
 
@@ -48,7 +48,7 @@ an open-source GraphQL API layer over Linked Data built on top of Comunica.
 Triply has sponsored bounties via the [Comunica Association](/association/).
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/inrupt.svg" alt="Inrupt logo" class="usage-logo" />
+<img src="/img/usage-showcase/inrupt.png" alt="Inrupt logo" class="usage-logo" />
 
 ## Inrupt
 
@@ -60,7 +60,7 @@ of data stored in [Solid Pods](https://solidproject.org/users/get-a-pod) via the
 including their PodSpaces hosting platform.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/frink.svg" alt="FRINK Open Knowledge Network logo" class="usage-logo" />
+<img src="/img/usage-showcase/frink.png" alt="FRINK Open Knowledge Network logo" class="usage-logo" />
 
 ## FRINK Open Knowledge Network
 
@@ -76,7 +76,7 @@ the Triple Pattern Fragments endpoints of each chosen graph entirely in the brow
 without any server-side query processing.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/coghent.svg" alt="CoGhent — City of Ghent logo" class="usage-logo" />
+<img src="/img/usage-showcase/coghent.png" alt="CoGhent — City of Ghent logo" class="usage-logo" />
 
 ## CoGhent — City of Ghent
 
@@ -91,7 +91,7 @@ both directly in the browser and locally via the `@comunica/query-sparql` CLI an
 making it the primary query interface for accessing the openly published cultural heritage data of Ghent.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/sparnatural.svg" alt="Sparnatural logo" class="usage-logo" />
+<img src="/img/usage-showcase/sparnatural.png" alt="Sparnatural logo" class="usage-logo" />
 
 ## Sparnatural
 
@@ -104,7 +104,7 @@ to execute queries directly in the browser against RDF data loaded via the RDF/J
 enabling fully client-side querying with no server required.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/shacl-engine.svg" alt="shacl-engine logo" class="usage-logo" />
+<img src="/img/usage-showcase/shacl-engine.png" alt="shacl-engine logo" class="usage-logo" />
 
 ## shacl-engine
 
@@ -127,7 +127,7 @@ with features like SPARQL querying, ontology navigation, reasoning, and workspac
 Mentor uses Comunica to power its SPARQL querying capabilities, allowing users to execute queries against RDF data in their workspace and external sources directly from the editor.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/ldflex.svg" alt="LDflex logo" class="usage-logo" />
+<img src="/img/usage-showcase/ldflex.png" alt="LDflex logo" class="usage-logo" />
 
 ## LDflex
 
@@ -140,7 +140,7 @@ LDflex is used within the [Solid](https://solidproject.org/) community to easily
 Using the compact syntax of LDflex, it is very simple to query from within [React components](https://github.com/solid/react-components).
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/graphql-ld.svg" alt="GraphQL-LD logo" class="usage-logo" />
+<img src="/img/usage-showcase/graphql-ld.jpg" alt="GraphQL-LD logo" class="usage-logo" />
 
 ## GraphQL-LD
 
@@ -155,7 +155,7 @@ It can also be used execute [authenticated queries over Solid data pods](https:/
 for which [reusable React components](https://github.com/rubensworks/solid-react-graphql-ld.js) are available.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/quadstore.svg" alt="Quadstore logo" class="usage-logo" />
+<img src="/img/usage-showcase/quadstore.png" alt="Quadstore logo" class="usage-logo" />
 
 ## Quadstore
 
@@ -165,7 +165,7 @@ _Open Source_
 [Quadstore Comunica](https://github.com/belayeng/quadstore-comunica) is a SPARQL engine on top of Quadstore that is powered by Comunica.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/ldkit.svg" alt="LDkit logo" class="usage-logo" />
+<img src="/img/usage-showcase/ldkit.ico" alt="LDkit logo" class="usage-logo" />
 
 ## LDkit
 
@@ -176,7 +176,7 @@ _Open Source_
 LDkit provides built-in support to query SPARQL endpoints, but it is [fully compatible with Comunica](https://ldkit.io/docs/how-to/query-with-comunica) in case you need to access other RDF data sources.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/rdf-parse.svg" alt="RDF Parse logo" class="usage-logo" />
+<img src="/img/usage-showcase/rdf-parse.jpg" alt="RDF Parse logo" class="usage-logo" />
 
 ## RDF Parse
 
@@ -187,7 +187,7 @@ It supports all of the major RDF serializations.
 Internally, this library makes use of the `rdf-parse` bus and actors from Comunica.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/rdf-dereference.svg" alt="RDF Dereference logo" class="usage-logo" />
+<img src="/img/usage-showcase/rdf-dereference.jpg" alt="RDF Dereference logo" class="usage-logo" />
 
 ## RDF Dereference
 
@@ -198,7 +198,7 @@ This tool is useful in situations where you have a URL, and you just need the pa
 Internally, this library makes use of the `rdf-dereference` bus and actors from Comunica.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/rdf-play.svg" alt="RDF Play logo" class="usage-logo" />
+<img src="/img/usage-showcase/rdf-play.jpg" alt="RDF Play logo" class="usage-logo" />
 
 ## RDF Play
 
@@ -208,7 +208,7 @@ _Open Source_
 Internally, this library makes use of RDF parsers from the Comunica framework, which enable streaming processing of RDF.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/eswc-2020.svg" alt="ESWC Conference 2020 logo" class="usage-logo" />
+<img src="/img/usage-showcase/eswc-2020.png" alt="ESWC Conference 2020 logo" class="usage-logo" />
 
 ## ESWC Conference 2020
 
@@ -219,7 +219,7 @@ via a jQuery widget instance of Comunica.
 It features several example queries over a [Triple Pattern Fragments](https://linkeddatafragments.org/concept/) interface through which the ESWC 2020 metadata is published.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/walder.svg" alt="Walder logo" class="usage-logo" />
+<img src="/img/usage-showcase/walder.png" alt="Walder logo" class="usage-logo" />
 
 ## Walder
 
@@ -233,7 +233,7 @@ Using content negotiation, Walder makes the data in these knowledge graphs avail
 Users define in a configuration file which data Walder uses and how it processes this data.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/jquery-widget.svg" alt="Comunica jQuery Widget logo" class="usage-logo" />
+<img src="/img/usage-showcase/jquery-widget.png" alt="Comunica jQuery Widget logo" class="usage-logo" />
 
 ## Comunica jQuery Widget
 
@@ -245,7 +245,7 @@ allowing end users to execute SPARQL queries directly in the browser against any
 without needing a server-side component.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/solidbench.svg" alt="SolidBench logo" class="usage-logo" />
+<img src="/img/usage-showcase/solidbench.png" alt="SolidBench logo" class="usage-logo" />
 
 ## SolidBench
 
@@ -256,7 +256,7 @@ It generates realistic social-network RDF datasets distributed across simulated
 and uses Comunica SPARQL Solid as its reference query engine to execute and measure benchmark queries.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/jbr.svg" alt="JBR logo" class="usage-logo" />
+<img src="/img/usage-showcase/jbr.jpg" alt="JBR logo" class="usage-logo" />
 
 ## JBR
 
@@ -268,7 +268,7 @@ It covers the full provenance chain: software setup, input data generation, expe
 JBR makes it straightforward to compare different Comunica configurations or measure the impact of custom modifications.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/css.svg" alt="Community Solid Server logo" class="usage-logo" />
+<img src="/img/usage-showcase/css.png" alt="Community Solid Server logo" class="usage-logo" />
 
 ## Community Solid Server
 
@@ -280,7 +280,7 @@ CSS uses `@comunica/query-sparql` internally to evaluate SPARQL queries and upda
 making it one of the most prominent real-world deployments of Comunica in a server-side context.
 
 <div class="usage-clear"></div>
-<img src="/img/usage-showcase/koreografeye.svg" alt="Koreografeye logo" class="usage-logo" />
+<img src="/img/usage-showcase/koreografeye.png" alt="Koreografeye logo" class="usage-logo" />
 
 ## Koreografeye