[About] - Refactor: Update images on CoC to svg format

[SivanYeh]

Problem

The current images imported on the Code of Conduct (CoC) page are in PNG format and become blurry when users zoom in.
Screenshot (page CoC) :

Screenshot (after zooming in) :

SVG is a better format for the web page in this context due to their advantages in file size and resolution, especially when zooming in.

Actions to Fix the Issue

• Find the location of the code for the CoC page.
• Go to the original design on Figma and export SVG files for each image
• Update the images used on the CoC page from PNG files to the exported SVG files.
• (Optional) Check if the CoC page match the suggestions for our coding convention in Issue Define Style coding convention #396.

Related Files

figma link: https://www.figma.com/design/W3hdepQ7v7ZGYRP6QctBXH/PyCon-Taiwan-%E5%AE%98%E7%B6%B2%E8%A6%96%E8%A6%BA-2022?node-id=4497-29851&t=ybffyMCnNwhJiAcZ-0

page CoC: https://tw.pycon.org/2024/en-us/about/code-of-conduct

Expected Behavior

Take the icon for “禁止騷擾” example.

Zoom in with png file imported:

Zoom in with updated svg file: