Support desktop touchscreens for timelines (#11241)

* support desktop touchscreens

* remove placeholder select

* add max height to settings cameras dropdown

web/src/components/settings/General.tsx

@@ -1,14 +1,5 @@
 import Heading from "@/components/ui/heading";
 import { Label } from "@/components/ui/label";
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectTrigger,
-  SelectValue,
-} from "@/components/ui/select";
 import { Switch } from "@/components/ui/switch";
 import { useEffect } from "react";
 
@@ -24,22 +15,6 @@ export default function General() {
         <Switch id="lowdata" checked={false} onCheckedChange={() => {}} />
         <Label htmlFor="lowdata">Low Data Mode (this device only)</Label>
       </div>
-
-      <div className="flex items-center space-x-2 mt-5">
-        <Select>
-          <SelectTrigger className="w-[180px]">
-            <SelectValue placeholder="Another General Option" />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectGroup>
-              <SelectLabel>Live Mode</SelectLabel>
-              <SelectItem value="jsmpeg">JSMpeg</SelectItem>
-              <SelectItem value="mse">MSE</SelectItem>
-              <SelectItem value="webrtc">WebRTC</SelectItem>
-            </SelectGroup>
-          </SelectContent>
-        </Select>
-      </div>
     </>
   );
 }