🐛 [BUG] - uploadFiles() cannot upload image files as it is

[bentshrimp]

Browsers

Chrome

OS

Linux

Description

uploadFiles() has four steps

1. get the branch data including current commit hash
2. add files into the tree
3. create a new commit
4. update the branch

At the second step, tree parameter is supposed to get different mode depend on the file type.
두번째 단계에서, tree 매개변수는 파일의 유형에 다라 다른 mode 값을 가져야 합니다.

Reasons

      // add files into the tree
      const tree = await octokit.rest.git.createTree({
        owner: userName,
        repo: repoName,
        base_tree: baseTree,
        tree: files.map((file) => ({
          path: file.path,
          content: file.content,
          mode: '100644',
        })),
      });

It is a problem that when image file is added, the file goes broken.
예를 들면 이미지 파일을 올리면, 파일이 깨지는 문제가 있습니다.
We should fix it so that it can add any types of files.
어떤 유형의 파일이든 추가할 수 있도록 고쳐야 합니다.

Reproduction URL

localhost:8080/

Reproduction Steps

1. Add a function that check if file is image
이미지 파일인지 확인하는 함수를 만든다.
2. Figure out how to add image file as it is. NOT AS STRING.
어떻게 이미지 파일을 있는 그대로 올릴지 알아낸다. 문자열로가 아니라.

Solutions

No response

Screenshots

![DESCRIPTION](LINK.png)

[ymw0407]

First of all, as the next best option, all images of the templates were replaced with svg.
우선 차선책으로 template들의 image들을 전부 svg로 대체하였다.

resolved at this PR #129