Update Next to 11.0.1 (including lint & import fixes) (#248)

* Bump next from 10.2.3 to 11.0.1

Bumps [next](https://github.com/vercel/next.js) from 10.2.3 to 11.0.1.
- [Release notes](https://github.com/vercel/next.js/releases)
- [Changelog](https://github.com/vercel/next.js/blob/canary/release.js)
- [Commits](https://github.com/vercel/next.js/compare/v10.2.3...v11.0.1)

---
updated-dependencies:
- dependency-name: next
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* 🚨 apply automatic linting

* 🎨 remove unused imports

* 🔇 allow console.* to give more debugging options

* 🎨 move stuff around to reduce linter messages

* 🚨 use destructuring so lint won't complain

* 📌 link Chartkick and Chart.js

Commit uses the linking code which was previously imported with
`import "chartkick/chart.js" [1]. Next did not like the import path,
but this does works now. ¯\_(ツ)_/¯

[1]: https://github.com/ankane/chartkick.js/blob/master/chart.js/chart.esm.js

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

web/pages/offline-notice.tsx

@@ -1,28 +1,34 @@
-import Link from 'next/link';
-import { Card, Row, Col, Input, Collapse, Typography } from 'antd';
 import {
-  MessageTwoTone,
-  QuestionCircleTwoTone,
   BookTwoTone,
+  MessageTwoTone,
   PlaySquareTwoTone,
   ProfileTwoTone,
+  QuestionCircleTwoTone,
 } from '@ant-design/icons';
-import OwncastLogo from '../components/logo';
-import LogTable from '../components/log-table';
-import NewsFeed from '../components/news-feed';
+import { Card, Col, Row, Typography } from 'antd';
+import Link from 'next/link';
 import { useContext } from 'react';
+import LogTable from '../components/log-table';
+import OwncastLogo from '../components/logo';
+import NewsFeed from '../components/news-feed';
+import { ConfigDetails } from '../types/config-section';
 import { ServerStatusContext } from '../utils/server-status-context';
+
 const { Paragraph, Text } = Typography;
 
 const { Title } = Typography;
 const { Meta } = Card;
-const { Panel } = Collapse;
 
 function generateStreamURL(serverURL, rtmpServerPort) {
   return `rtmp://${serverURL.replace(/(^\w+:|^)\/\//, '')}:${rtmpServerPort}/live/`;
 }
 
-export default function Offline({ logs = [], config }) {
+type OfflineProps = {
+  logs: any[];
+  config: ConfigDetails;
+};
+
+export default function Offline({ logs = [], config }: OfflineProps) {
   const serverStatusData = useContext(ServerStatusContext);
 
   const { serverConfig } = serverStatusData || {};