Fix typechecking errors in css styles (read more)

There is an issue with the `flexDirection` property
I am consistently getting an error about it and the only fix I found is
cssinjs/jss#1344 (comment)
which states to add `as React.CSSProperties` when I declare a style

src/App.tsx

@@ -35,7 +35,7 @@ function App(): JSX.Element {
   return (
     <>
       <Header />
-      <main style={containerStyle}>
+      <main style={containerStyle as React.CSSProperties}>
         <Form onSubmit={handleSubmit} />
         <Result weatherData={weatherData} />
       </main>

src/Form.tsx

@@ -31,8 +31,8 @@ function Form(props: any): JSX.Element {
   }
 
   return (
-    <form className="weather-form" method="get" onSubmit={onSubmit} style={containerStyle}>
-      <label htmlFor="target-city" style={labelStyle}>City: </label>
+    <form className="weather-form" method="get" onSubmit={onSubmit} style={containerStyle as React.CSSProperties}>
+      <label htmlFor="target-city" style={labelStyle as React.CSSProperties}>City: </label>
       <input type="text" id="target-city" name="city" placeholder="Enter your city" style={inputStyle} onFocus={handleFocus} onBlur={handleBlur} />
       <button type="submit">Search</button>
     </form>