dev: frontend warnings (keep-starknet-strange#28)

* Initialize wallet integration with starknetkit

* Info screen, responsive, and add starknet-react

* Cleanup icons

* Fix icons shadows

* Fix build warnings

* Unused import

apps/web/src/App.tsx

@@ -26,7 +26,7 @@ export const provider = new RpcProvider({
 function App() {
   // TODO: Move to seperate module ( starknet stuff )
   const { connect, connectors } = useConnect()
-  const { disconnect, error } = useDisconnect()
+  const { disconnect } = useDisconnect()
   const { address, status } = useAccount()
   const { starknetkitConnectModal } = useStarknetkitConnectModal({
     connectors: connectors as StarknetkitConnector[]

apps/web/src/components/Header.tsx

@@ -1,5 +1,4 @@
 import { NavLink } from "react-router";
-import { useAccount } from "@starknet-react/core";
 import "./Header.css";
 
 function Header(props: any) {

apps/web/src/pages/Collection.tsx

@@ -6,7 +6,7 @@ import { mockAddress } from "../api/mock";
 import { getMyNewInscriptions, getMyTopInscriptions, getMyInscriptionRequests } from "../api/inscriptions";
 import { Pagination } from "../components/Pagination";
 
-function Collection(props: any) {
+function Collection(_props: any) {
   const filters = ["New", "Top", "Rare", "Requests"];
   const [activeFilter, setActiveFilter] = useState(filters[0]);
 

apps/web/src/pages/Info.tsx

@@ -1,4 +1,4 @@
-function Info(props: any) {
+function Info(_props: any) {
   // TODO: Diagrams
   return (
     <div className="w-full flex flex-col items-center h-max bg__color--primary border-t-2 border-[var(--color-primary-light)]">

apps/web/src/pages/Inscription.tsx

@@ -4,7 +4,7 @@ import InscriptionLargeView from "../components/inscription/LargeView";
 import InscriptionProperty from "../components/inscription/Property";
 import { getInscription } from "../api/inscriptions";
 
-function Inscription(props: any) {
+function Inscription(_props: any) {
   let { id } = useParams<{ id: any }>();
 
   const [inscription, setInscription] = useState<any>();

apps/web/src/pages/Inscriptions.tsx

@@ -5,7 +5,7 @@ import InscriptionRequestView from "../components/inscription/RequestView";
 import { getHotInscriptions, getNewInscriptions, getInscriptionRequests } from "../api/inscriptions";
 import { Pagination } from "../components/Pagination";
 
-function Inscritpions(props: any) {
+function Inscritpions(_props: any) {
   const filters = ["Hot", "New", "Rare"];
   const [activeFilter, setActiveFilter] = useState(filters[0]);
 

apps/web/src/pages/Request.tsx

@@ -3,7 +3,7 @@ import { useParams } from "react-router";
 import InscriptionLargeView from "../components/inscription/LargeView";
 import InscriptionProperty from "../components/inscription/Property";
 
-function Request(props: any) {
+function Request(_props: any) {
   // TODO: Implement unique request features: ie cancel, accept, reject, bid, other info, ...
   let { id } = useParams<{ id: string }>();