fix: [Advice needed] Errors and remove unused code of docs and blog

[PatrykKuniczak]

Overview

1. Removed unused code
2. Add missing types and removed unnecessary
3. Removed duplicated CSS props
4. Make real const UPPER_CASE
5. Resolve conflict of vitepress vite version and version on our project (Add @ts-expect-error, maybe anybody know how to solve that conflict permanently?)
6. I've wanted to declare breakpoints vals as vars in :root and use it inside @media but it isn't possible in native CSS and possible solutions isn't good enough, and i need to give up with this idea, only good solution IMHO is to use Tailwindcss to achive this in good quality :)

Manual Testing

Let's check if blog works well :)

[netlify]

✅ Deploy Preview for creative-fairy-df92c4 ready!

Name	Link
🔨 Latest commit	131f548
🔍 Latest deploy log	https://app.netlify.com/projects/creative-fairy-df92c4/deploys/694cfa6ebd2b710008ae21fe
😎 Deploy Preview	https://deploy-preview-2014--creative-fairy-df92c4.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[PatrykKuniczak]

@aklinker1 I want to configure Stylelint(maybe on seperate PR and then rebase here) for prettify CSS of Vue components, but i don't know how to integrate it with check lib, are you able to help me, here or on Discord DM(I've sent it :))

Second approach could be to use plugin for prettier, but stylelint works like eslint + prettier for CSS and IMHO it could be better for that case.