Add resampled image retrieval functionality and update image URLs

frontend/src/components/resource_card.tsx

@@ -24,7 +24,7 @@ export default function ResourceCard({ resource }: { resource: Resource }) {
         {resource.image != null && (
           <figure>
             <img
-              src={network.getImageUrl(resource.image.id)}
+              src={network.getResampledImageUrl(resource.image.id)}
               alt="cover"
               style={{
                 width: "100%",

frontend/src/network/network.ts

@@ -492,6 +492,10 @@ class Network {
     return `${this.apiBaseUrl}/image/${id}`;
   }
 
+  getResampledImageUrl(id: number): string {
+    return `${this.apiBaseUrl}/image/resampled/${id}`;
+  }
+
   async createResource(
     params: CreateResourceParams,
   ): Promise<Response<number>> {