Merge branch 'main' of https://gitlab.fi.muni.cz/xopaleny/LoopGrafter-Frontend

### install dependencies

```

npm install

npm ci

```

### set up .env file in the root directory

```

VUE_APP_LOOPGRAFTER_BACKEND_URL=<url>

VUE_APP_LOOPGRAFTER_DIRECT_API_MAPPING=ano_prosim

VUE_APP_BANNER_1="academy_banner_2022.png"

VUE_APP_BANNER_2=""

VUE_APP_BANNER_3=""

VUE_APP_BANNER_4=""

```

(banners goes in ./public)

### run

```

        <Solution3DView />

      </div>

      <div v-else class="static-element">

        No WebGL context detected. Your browser or device may not support WebGL. You won't be getting any 3D visualizations until you update. What browser are you even running? I was given this '''bug''' to fix in 2022, WebGL is going to be superseeded by WebGPU in near future. I bet you are one of those people who still uses dumb phones and thinks people will drive ICE cars forever.

        Protein structure visualization is not supported!<br>

        Your browser or device may not support WebGL required to run the protein structure visualizer. Please ask your computer administrator for further assistance.

      </div>

    </div>

    <div>

        <Protein3DView />

      </div>

      <div v-else class="static-element">

        No WebGL context detected. Your browser or device may not support WebGL. You won't be getting any 3D visualizations until you update. What browser are you even running? I was given this '''bug''' to fix in 2022, WebGL is going to be superseeded by WebGPU in near future. I bet you are one of those people who still uses dumb phones and thinks people will drive ICE cars forever.

        Protein structure visualization is not supported!<br>

        Your browser or device may not support WebGL required to run the protein structure visualizer. Please ask your computer administrator for further assistance.

      </div>

      <div class="static-element-header">Scaffold Loop List</div>