feat(devtools): initial setup and ui for devtool website

[nikhilverma360]

PR-Codex overview

This PR focuses on adding new SVG icons, improving responsive styles, and enhancing TypeScript configuration.

Detailed summary

• Added isUndefined utility function
• Updated SVG module declarations
• Implemented landscapeStyle for styled components
• Added new SVG icons for social media
• Enhanced ESLint configuration
• Added dummy data for SelectArbitrable
• Implemented StyledComponentsProvider and StyledComponentsRegistry
• Updated Header and LightButton components
• Enhanced Next.js configuration for SVG handling
• Updated package.json scripts
• Added responsiveSize function for responsive styles
• Updated RootLayout and Header components
• Enhanced TypeScript configuration
• Added StyledComponentsRegistry component
• Updated tsconfig.json for module paths and plugins

The following files were skipped due to too many changes: web-devtools/tsconfig.json, web-devtools/src/app/(main)/ChangeRuler.tsx, web-devtools/src/app/(main)/page.tsx, web-devtools/src/consts/socialmedia.tsx, web-devtools/src/layout/Footer/index.tsx, web-devtools/src/assets/svgs/socialmedia/ghost-blog.svg, web-devtools/src/styles/Theme.tsx, web-devtools/src/assets/svgs/socialmedia/slack.svg, web-devtools/src/assets/svgs/socialmedia/reddit.svg, web-devtools/src/app/(main)/RulingModes.tsx, web-devtools/src/assets/svgs/socialmedia/etherscan.svg, web-devtools/src/styles/global-style.ts, web-devtools/src/assets/svgs/socialmedia/github.svg, web-devtools/src/assets/svgs/socialmedia/discord.svg, web-devtools/src/assets/svgs/header/devtools-logo.svg, web-devtools/src/assets/svgs/footer/secured-by-kleros.svg, yarn.lock

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

Summary by CodeRabbit

• New Features

  • Introduced several new React components: ChangeRuler, RulingModes, Home, Footer, LightButton, StyledComponentsProvider.
  • Added global styles and theming support using styled-components.

• Bug Fixes

  • Improved TypeScript and ESLint configurations for better development experience.

• Improvements

  • Enhanced SVG import handling in Next.js with webpack configuration.
  • Updated package.json with new scripts and dependencies for development, build, and linting tasks.
  • Introduced TypeScript declarations for SVG files.

• Chores

  • Updated .gitignore to exclude specific directories and files related to Next.js and TypeScript.