feat(docs): add file/language type icons to code blocks (denoland#3162)

I originally wanted to make it clearer the distinction between "files"
and e.g. `` ```tsx foo.tsx `` compared to `` ```sh Terminal `` or ``
```txt Project structure``. I originally started just trying to add a 📝
icon or something. But instead I ended showing file types of all
markdown languages.

I took the file type icons for the SVG's from
https://github.com/vscode-icons/vscode-icons, which has a MIT license.

I think the icons make it a even more clear what the language of the
code snippet is.

I have a follow-up PR for improving code block titles and making
examples more consistent in denoland#3163.


## Comparisons

<details>

<summary><strong>Open &mdash; Before | After</strong></summary>


### TS + Shell icons - Hover tooltips and alt text

<img width="1504" height="639" alt="image"
src="https://github.com/user-attachments/assets/636838a3-f38c-4048-a536-52c1cdd6b6d4"
/>


### TS + Shell icons 2

<img width="1511" height="761" alt="image"
src="https://github.com/user-attachments/assets/2ad6d25c-3995-433a-ad93-162830ca55a1"
/>

### Shell + Dockerfile icons

<img width="1500" height="780" alt="image"
src="https://github.com/user-attachments/assets/88010749-d0d2-4498-9eb2-9bd971e48365"
/>

### Nested blocks + Git icon

<img width="1513" height="634" alt="image"
src="https://github.com/user-attachments/assets/400c27f8-d0b4-40bd-801d-611e1e8a8e36"
/>

</details>

Author: csvn

docs/canary/concepts/static-files.md

@@ -30,15 +30,15 @@ const builder = new Builder({ staticDir: "path/to/staticDir" });
 By default, Fresh adds caching headers for the `src` and `srcset` attributes on
 `<img>` and `<source>` tags.
 
-```jsx
+```tsx
 // Caching headers will be automatically added
 <img src="/user.png" />;
 ```
 
 You can always opt out of this behaviour per tag, by adding the
 `data-fresh-disable-lock` attribute.
 
-```jsx
+```tsx
 // Opt-out of automatic caching headers
 <img src="/user.png" data-fresh-disable-lock />;
 ```
@@ -48,7 +48,7 @@ You can always opt out of this behaviour per tag, by adding the
 Use the `asset()` function to add caching headers manually. It will be served
 with a cache lifetime of one year.
 
-```jsx
+```tsx
 import { asset } from "fresh/runtime";
 
 // Adding caching headers manually

docs/latest/concepts/server-configuration.md

@@ -151,7 +151,7 @@ The `basePath` will be automatically applied to absolute links in your app. For
 example, when the `basePath` is `/foo/bar`, linking to `/about` will
 automatically become `/foo/bar/about`.
 
-```jsx
+```tsx
 <a href="/about">About</a>;
 ```
 

docs/latest/concepts/static-files.md

@@ -29,7 +29,7 @@ version of this path that contains a build ID for cache busting. When the asset
 is requested at this "locked" path, it will be served with a cache lifetime of
 one year.
 
-```jsx routes/page.tsx
+```tsx routes/page.tsx
 import { asset } from "$fresh/runtime.ts";
 
 export default function Page() {
@@ -46,6 +46,6 @@ and `<source>` HTML tags. These will automatically use "locked" paths if Fresh
 deems it safe to do so. You can always opt out of this behaviour per tag, by
 adding the `data-fresh-disable-lock` attribute.
 
-```jsx
+```tsx
 <img src="/user.png" />;
 ```

docs/latest/examples/rendering-markdown.md

@@ -92,7 +92,7 @@ description: testFromText
 
 You'll also need to import the `Github Flavored Markdown` module:
 
-```bash
+```sh
 deno add jsr:@deno/gfm
 ```
 

docs/latest/getting-started/running-locally.md

@@ -38,7 +38,7 @@ you add a new route.
 If you want to change the port or host, modify the config bag of the `start()`
 call in `main.ts` to include an explicit port number:
 
-```js main.ts
+```ts main.ts
 await start(manifest, { server: { port: 3000 } });
 ```