Add precipitation data

[j08lue]

We will soon need to add another parameter to the app.

To add this, we need the following information and work:

• Video in different resolutions (1024x512 and 512x256) and for all SSPs (126, 245, 370, 585)
• First frame PNG for all videos @dzole0311 will save first frames as .pngs with ffmpeg after we get the videos
• Answer: Does the source include data over oceans - change in logic?
• Review use of "temperature" where it needs to be generalized, like
  

  EIC-Mobile/src/components/Panel.jsx

  Line 239 in b821976

  Fetching temperature

• Data units
• A data API endpoint to query for point values
• Prose for the dataset info modal

  EIC-Mobile/src/components/DataLayerModal.tsx

  Lines 58 to 138 in b821976

  	function PageTwo({}){
  	// ABG: https://cdn.dribbble.com/users/716122/screenshots/14300379/media/44f698e864671ffe25b844469e40de42.jpg?resize=400x300&vertical=center
  	return(
  	<>
  	<div className='w-full flex flex-row justify-center'>
  	<img
  	className='w-4/5'
  	src="temp-disclaimer.png"
  	alt="Example of spatial average of temperature for Los Angeles, CA"
  	/>
  	</div>
  	<Disclaimer className={'border rounded-lg border-gray-300/50 p-2 overflow-y-scroll'} />
  	</>
  	);
  	}
  	function PageOne({}){
  	return (
  	<div className="text-[16px] text-gray-300 text-left mb-6 leading-[24px]">
  	<p>
  	How hot could it get on the hottest day in a given year, under different greenhouse gas emission scenarios?
  	</p>
  	<br/>
  	<p>
  	See estimates of annual maxima of daily maximum near-surface air temperature (TASMAX) from NASA Earth Exchange (NEX) Global Daily Downscaled Projections (GDDP) based on simulations of the Coupled Model Intercomparison Project Phase 6 (CMIP6).
  	</p>
  	<br/>
  	<p>
  	The NEX-GDDP-CMIP6 data is calculated on a 0.25°x0.25° latitude and longitude grid, which is a system of lines used to map the sphere of the Earth.
  	In some cases, the temperature in major cities could be higher than what’s displayed in the gridded cell because it includes a larger area than just that city.
  	For example, if you search for a city, such as Los Angeles, CA, the average will include the temperature of Los Angeles (which could be higher than average) plus the surrounding geographical area (which could be lower than average).
  	</p>
  	<br/>
  	<p>
  	Learn more about the
  	{' '}
  	<a
  	href="https://earth.gov/data-catalog/cmip6-climdex-tasmax-yearly-median"
  	className='underline'
  	>
  	NEX-GDDP-CMIP6 dataset
  	</a>
  	</p>
  	</div>
  	);
  	}
  	function Buttons({isFahrenheit, setIsFahrenheit}){
  	return (
  	<div className="flex justify-start mt-8">
  	<button
  	className={`px-4 py-2 border rounded-l-lg text-[14px] font-semibold transition-colors ${
  	isFahrenheit ? 'bg-[#14367D] text-white' : 'bg-gray-800 text-gray-400'
  	}`}
  	style={{
  	borderRadius: '4px 0 0 4px',
  	padding: '8px 12px',
  	border: '1px solid #FFFFFF26',
  	}}
  	onClick={() => setIsFahrenheit(true)}
  	>
  	Fahrenheit (°F)
  	</button>
  	<button
  	className={`px-4 py-2 border rounded-r-lg text-[14px] font-semibold transition-colors ${
  	!isFahrenheit ? 'bg-[#14367D] text-white' : 'bg-gray-800 text-gray-400'
  	}`}
  	style={{
  	borderRadius: '0 4px 4px 0',
  	padding: '8px 12px',
  	border: '1px solid #FFFFFF26',
  	}}
  	onClick={() => setIsFahrenheit(false)}
  	>
  	Celsius (°C)
  	</button>
  	</div>
  	);
  	}

• Adjustment of the resolution disclaimer

  EIC-Mobile/src/components/DataLayerModal.tsx

  Lines 151 to 153 in b821976

  	The NEX-GDDP-CMIP6 data is calculated on a 0.25°x0.25° latitude and longitude grid, which is a system of lines used to map the sphere of the Earth.
  	In some cases, the temperature in major cities could be higher than what’s displayed in the gridded cell because it includes a larger area than just that city.
  	For example, if you search for a city, such as Los Angeles, CA the average will include the temperature of Los Angeles (which could be higher than average) plus the surrounding geographical area (which could be lower than average).

• more @dzole0311?

Acceptance criteria

• Precipitation data is available in the app